+ Temporary fix modal UI

persepolisdm · Apr 10, 2024 · 4d40efe · 4d40efe
1 parent a3aef91
commit 4d40efe
Show file tree

Hide file tree

Showing 14 changed files with 27 additions and 12 deletions.
diff --git a/WebExtension/contentScripts/modal.css b/WebExtension/contentScripts/modal.css
@@ -161,35 +161,40 @@ select.pdm-select:-moz-focusring {
     background: no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEwMjguNCkiPjxwYXRoIGQ9Im0xMCAxMXYxMGw0IDN2LTEzaC00eiIgZmlsbD0iI2JkYzNjNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMDI4LjQpIi8+PHBhdGggZD0ibTEwIDExdjEwbDIgMS41di0xMS41aC0yeiIgZmlsbD0iIzk1YTVhNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMDI4LjQpIi8+PHBhdGggZD0ibTEgMTAyOC40IDkgMTFoNGw5LTExeiIgZmlsbD0iIzk1YTVhNiIvPjxwYXRoIGQ9Im0xIDEwMjguNCA5IDExaDJ2LTExeiIgZmlsbD0iIzdmOGM4ZCIvPjwvZz48L3N2Zz4=") left;
     background-size: 40px 40px;
     display: inline-block;
+    font-size: 1.5em;
     padding-left: 35px;
 }
 
 #pdm-modal #pdm-preview-links{
     max-height: 300px;
     overflow-y: auto;
-    font-size: 0 !important;
+    display: flex;
+    flex-direction: column;
 }
 #pdm-modal #pdm-preview-links * {
-    font-size: 12px !important;
+    font-size: 7px !important;
 }
 #pdm-modal #pdm-preview-links pdmlink:last-child{
     border-bottom-width: 1px;
 }
 
+#pdm-modal #pdm-preview-links pdmlinl{
+    background-color: #f1f1f1;
+}
 #pdm-modal #pdm-preview-links pdmlink label{
     display: block;
     word-break: keep-all;
     white-space:nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     width: calc(100% - 32px);
-    direction: ltr !important;
+    /*direction: ltr !important;*/
     text-align: left;
-    float: right;
+    /*float: right;*/
 }
 #pdm-modal #pdm-preview-links pdmlink input{
     width: 30px;
-    float: left;
+    /*float: left;*/
     margin: 0 !important;
     outline: 0;
 
@@ -198,19 +203,29 @@ select.pdm-select:-moz-focusring {
 
 #pdm-modal #pdm-preview-links pdmlink{
     box-sizing: border-box;
-    display: inline-block;
-    padding: 3px 5px;
+    padding: 3px 10px !important;
+    color: #212121;
     width: 100%;
-    font-size: 12px !important;
+    font-size: 1em !important;
     background: #efefef;
     border: 1px solid #00897b;
     border-bottom-width: 0;
     /*The following lines will make overflow of links appear from left instead of right*/
     text-align: left;
     direction: ltr;
-    margin-bottom: -7px;
+    display: flex;
+    align-items: center;
 }
 
-#pdm-modal #pdmlinkcount{
-
+#pdm-modal #pdm-preview-links pdmlink label{
+    margin: unset;
+    flex-grow: 1;
+    color: #323232;
+    font-size: 1em !important;
 }
+
+#pdm-modal #pdm-preview-links pdmlink input{
+    width: 30px;
+    color: #323232;
+    font-size: 1em !important;
+}
diff --git a/WebExtension/icons/icon_128.png b/WebExtension/icons/icon_128.png
diff --git a/WebExtension/icons/icon_48.png b/WebExtension/icons/icon_48.png
diff --git a/WebExtension/popup/css/fonts/MaterialIcons-Regular.eot b/WebExtension/popup/css/fonts/MaterialIcons-Regular.eot
diff --git a/WebExtension/popup/css/fonts/MaterialIcons-Regular.ttf b/WebExtension/popup/css/fonts/MaterialIcons-Regular.ttf
diff --git a/WebExtension/popup/css/fonts/MaterialIcons-Regular.woff b/WebExtension/popup/css/fonts/MaterialIcons-Regular.woff
diff --git a/WebExtension/popup/css/fonts/MaterialIcons-Regular.woff2 b/WebExtension/popup/css/fonts/MaterialIcons-Regular.woff2
diff --git a/WebExtension/popup/css/materialize.min.css b/WebExtension/popup/css/materialize.min.css
diff --git a/WebExtension/popup/js/filesize.js b/WebExtension/popup/js/filesize.js
diff --git a/WebExtension/popup/js/jquery-3.3.1.min.js b/WebExtension/popup/js/jquery-3.3.1.min.js
diff --git a/WebExtension/popup/js/materialize.min.js b/WebExtension/popup/js/materialize.min.js
diff --git a/WebExtension/scripts/getall.js b/WebExtension/scripts/getall.js
diff --git a/WebExtension/scripts/getselected.js b/WebExtension/scripts/getselected.js
diff --git a/WebExtension/scripts/injector.js b/WebExtension/scripts/injector.js
@@ -11,7 +11,7 @@ function injectPdmModal(){
     <div id="pdm-modal">
         <div class="pdm-header">
             <div class="pdm-logo"></div>
-            <span> Persepolis Download Manager</span>
+            <span> Persepolis Download Manager WebExtension</span>
         </div>
 
         <div id="pdm_filter_title" style="margin: 15px; font-size: 1.5em; color:#00897b">Filter group downloads</div>