diff --git a/custom_configs/custom0.json b/custom_configs/custom0.json index 6159bd039aae869fc205247563c4e0af5de6d1f3..ef9e079bf92ab9e258d4c6f273ed9ac9e581f126 100644 --- a/custom_configs/custom0.json +++ b/custom_configs/custom0.json @@ -6,12 +6,12 @@ ], "custom-key-0-2": [ "https://www.google.com", - "30", - "0" + "55", + "1" ], "custom-key-0-3": [ "Yo", - "20", + "14", "30" ], "custom-key-0-4": [ @@ -20,8 +20,13 @@ "30" ], "custom-key-0-5": [ - "https://www.google.com", - "20", - "0" + "http://espn.com", + "54", + "30" + ], + "custom-key-0-6": [ + "Wow", + "0", + "30" ] } \ No newline at end of file diff --git a/public/js/client.js b/public/js/client.js index bd64bcc9cc2a5554d1b9c497b3e4320f40fe2067..a4aae19edc578d58c20c028e31ed5741c4edd744 100755 --- a/public/js/client.js +++ b/public/js/client.js @@ -177,7 +177,7 @@ $('.icon-selection').click(function() { //-----LOADING KEYBOARDS-----// function hotkeyStylize(ele, page, id, url){ - ele.css({'text-indent': '-9999px'}); + ele.css({'max-width': '20%', 'min-width': '20%', 'text-indent': '-9999px'}); ele.append('<button class="url-icon" id="url-icon-' + id +'"> </button>') var urlIcon = $('#url-icon-' + id) try { @@ -191,7 +191,7 @@ function hotkeyStylize(ele, page, id, url){ function hotkeyDestylize(ele, page, id, url){ $('#url-icon-' + id).remove(); - ele.css({width: 'auto', 'text-indent': '0px'}); + ele.css({'max-width': '100%', 'min-width': '1%', width: 'auto', 'text-indent': '0px'}); } function addHotkey(xpos, ypos, url, page, id){ @@ -357,6 +357,9 @@ interact('.custom-key').on('hold', function (event) { if (move == true){ editModal.style.display = "block"; //Allows the modal to be displayed to User updateKey = event.target + if(event.target.id.indexOf("url-icon") != -1){ + updateKey = updateKey.parentNode; + } inputModal.value = updateKey.innerText } });