From 3f61a08ebf7653483816d444d62dcd8a86dcffce Mon Sep 17 00:00:00 2001 From: Maxim Stewart Date: Sun, 1 Mar 2020 20:54:44 -0600 Subject: [PATCH] Smaall UI changes and css cleanup. --- src/pages/import.html | 2 +- src/pages/sessionManager.html | 11 ++++-- src/scripts/utils.js | 2 +- src/styles/styles.css | 70 +++++++++++++++-------------------- 4 files changed, 39 insertions(+), 46 deletions(-) diff --git a/src/pages/import.html b/src/pages/import.html index 43fe8b9..f3e3d0a 100644 --- a/src/pages/import.html +++ b/src/pages/import.html @@ -24,7 +24,7 @@ -
+

Select File

diff --git a/src/pages/sessionManager.html b/src/pages/sessionManager.html index 35d6936..a96629e 100755 --- a/src/pages/sessionManager.html +++ b/src/pages/sessionManager.html @@ -21,7 +21,7 @@
    • -



    +


    • @@ -205,9 +205,12 @@ diff --git a/src/scripts/utils.js b/src/scripts/utils.js index 930454b..4f6ff91 100644 --- a/src/scripts/utils.js +++ b/src/scripts/utils.js @@ -60,7 +60,7 @@ const generateSelectionWindow = (json = "", keys = null, keysLength = 0) => { selAll.addEventListener("click", function (eve) { toggleSelect(eve.target, "Win" + i); }); - h2Tag.appendChild(h2Txt); + h2Tag.prepend(h2Txt); store.forEach(tab => { let liClone = document.importNode(liTemplate.content, true); diff --git a/src/styles/styles.css b/src/styles/styles.css index 8c7cbcf..50e5c91 100644 --- a/src/styles/styles.css +++ b/src/styles/styles.css @@ -67,51 +67,15 @@ li { display: none; } -#selectAll { - margin-bottom: 1.5em; -} - -#lableTag { - top: 48%; - margin: 0 auto; - color: rgba(255, 255, 255, 0.5); -} - /* Classes */ -.modal { - width: 650px; - height: auto; -} - -.scroller { - scrollbar-color: #00000084 #ffffff64; - scrollbar-width: thin; -} - +/* Plugin page */ .collection { padding-top: 1em; padding-bottom: 1em; } -.download-container { - width: 100%; - height: 100%; - background-image: url('../images/icons/import.png'); - background-repeat: no-repeat; - background-position: center; - text-align: center; - background-color: rgba(41, 95, 115, 0.85); - transition: 0.6s; -} - -.download-container:hover { - transition: 0.6s; - background-color: rgba(41, 95, 115, 0.65); - cursor: pointer; -} - .sessionLI { background-color: #0a1827; color: #ffffff; @@ -130,7 +94,33 @@ li { box-shadow: 0px 5px 5px 5px #444444; } -.icon { - width: 25px; - height: 25px; +.modal { + width: 650px; + height: auto; +} + +.scroller { + scrollbar-color: #00000084 #ffffff64; + scrollbar-width: thin; +} + + + +/* Import page */ + +.import-container { + width: 100%; + height: 100%; + background-image: url('../images/icons/import.png'); + background-repeat: no-repeat; + background-position: center; + text-align: center; + background-color: rgba(41, 95, 115, 0.85); + transition: 0.6s; +} + +.import-container:hover { + transition: 0.6s; + background-color: rgba(41, 95, 115, 0.65); + cursor: pointer; }