From: Andrew Lorimer Date: Thu, 15 Aug 2019 06:26:53 +0000 (+1000) Subject: UI layout adjustments X-Git-Url: https://git.lorimer.id.au/newtab.git/diff_plain/e1ba1d781be1d9d83701cd7ee058e04a36c0dc6d?ds=sidebyside UI layout adjustments --- diff --git a/admin.js b/admin.js index 6711890..0c9e0d4 100644 --- a/admin.js +++ b/admin.js @@ -71,7 +71,7 @@ var userListsCallback = function(lists) { li.insertAdjacentHTML("beforeend", " +extractDomain(siteurl,1)+

"+name+""); // ronmurphy end //li.insertAdjacentHTML("beforeend", ""+name+""); - li.insertAdjacentHTML("beforeend", "-"); + li.insertAdjacentHTML("beforeend", "⨯"); ul.appendChild(li); } @@ -97,7 +97,7 @@ function listen(li) { save(); } else { var ul = document.getElementById(r[1]); - ul.insertAdjacentHTML("beforeend", "

"); + ul.insertAdjacentHTML("beforeend", "

✔

"); var inp = document.getElementById("div-"+listToArray(ul).length.toString()); var span = document.getElementById("input-"+listToArray(ul).length.toString()); var form = document.getElementById("form-"+listToArray(ul).length.toString()); diff --git a/bg.js b/bg.js deleted file mode 100644 index 73ee509..0000000 --- a/bg.js +++ /dev/null @@ -1,8 +0,0 @@ -document.addEventListener("DOMContentLoaded", function() { - chrome.storage.sync.get({"bgvalue": "#2E3440"}, bgCallback); -}); -var bgCallback = function(list) { -var color = list["bgvalue"]; -console.log(color); -document.body.style.background = color; -}; diff --git a/colours.js b/colours.js new file mode 100644 index 0000000..714faa0 --- /dev/null +++ b/colours.js @@ -0,0 +1,16 @@ +document.addEventListener("DOMContentLoaded", function() { + chrome.storage.sync.get({"bgvalue": "#2E3440"}, bgCallback); +}); +var bgCallback = function(list) { +var color = list["bgvalue"]; +console.log(color); +document.body.style.background = color; +}; +document.addEventListener("DOMContentLoaded", function() { + chrome.storage.sync.get({"fgvalue": "#ECEFF4"}, fgCallback); +}); +var fgCallback = function(list) { +var color = list["fgvalue"]; +console.log(color); +document.body.style.color = color; +}; diff --git a/fg.js b/fg.js deleted file mode 100644 index 2d2cd06..0000000 --- a/fg.js +++ /dev/null @@ -1,8 +0,0 @@ -document.addEventListener("DOMContentLoaded", function() { - chrome.storage.sync.get({"fgvalue": "#ECEFF4"}, fgCallback); -}); -var fgCallback = function(list) { -var color = list["fgvalue"]; -console.log(color); -document.body.style.color = color; -}; diff --git a/newtab.html b/newtab.html index f7268cb..743ce02 100644 --- a/newtab.html +++ b/newtab.html @@ -7,8 +7,7 @@ - - + diff --git a/options.html b/options.html index 958c951..42f1117 100644 --- a/options.html +++ b/options.html @@ -9,15 +9,16 @@ - + + I have a bike
- - + + - + @@ -31,12 +32,10 @@

1	Column 1
2		Column 2
3	Column 3

- +

alorimer
original

Made by Andrew Lorimer

- - diff --git a/style.css b/style.css index 659b04a..2f484f1 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,9 @@ +img { + float: left; + margin-top: 1px; + padding-right: 3px; +} + #search-form > input#search-box:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #222 inset !important; -webkit-text-fill-color: #b5b5a4 !important; @@ -48,11 +54,16 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: 120px; + width: 63px; +} + +.url { + width: 100px; } .inp { width: 200px; + padding: 10px 0; } .inp > input { @@ -60,31 +71,33 @@ } .users-list > ul > li > span { - font-weight: normal; - color: black; width: 10px; - height: 32px; + height: 25px; padding: 4px 5px 0 10px; background: #434C5E; float: right; display: none; cursor: pointer; + padding-top: 10px; } .users-list > ul > li > span:hover { background: #BF616A; } -.users-list > ul > .inp > span { - margin-top: 4px; - font-weight: normal; - color: black; +.users-list > ul > .inp > a { width: 10px; - padding: 2px 5px 3px 6px; - background: white; + height: 18px; + display: inline-block; + background: #434C5E; + padding: 3px 6px 3px 3px; cursor: pointer; } +.users-list > ul > .inp > a:hover, .users-list > ul > .inp > a:focus { + background: #A3BE8C; +} + .users-list > ul > li:hover > span { display: inline-block; } @@ -112,7 +125,11 @@ } .users-list > ul > .title > span { - background: #A3BE8C; + background-color: #434C5E; +} + +.users-list > ul > .title > span:hover { + background-color: #A3BE8C !important; } .users-list > ul > li > a, .users-list > ul > .title > p {