Kezdőlap Felfedezés Súgó
Bejelentkezés
gogsadmin
/
grocery-manager
1
0
Másolás 0
Fájlok Problémák 1 Beolvasztási kérések 0 Wiki
Forráskód Böngészése

make scroll-bars dark and reduce tags/units selection width

Daniel Sheffield 1 éve
szülő
cb9adb7d2a
commit
d30abb0d68
3 módosított fájl, 28 hozzáadás és 4 törlés
Osztott Nézet Diff Statisztika Mutatása
  1. 1 1
      app/rest/templates/include-exclude.tpl
  2. 1 1
      app/rest/templates/select-one.tpl
  3. 26 2
      app/rest/templates/trend.tpl

+ 1 - 1
app/rest/templates/include-exclude.tpl
Fájl Megtekintése 

@@ -1,4 +1,4 @@
 
-<div class="pure-u-1-3 pure-u-lg-1-5">
 
+<div class="pure-u-1-3 pure-u-lg-{{"1-4" if name != "tag" else "1-8"}}">
 
 <div class="pure-g">
 
   <div class="pure-u-1">
 
     <div class="l-box">

+ 1 - 1
app/rest/templates/select-one.tpl
Fájl Megtekintése 

@@ -1,4 +1,4 @@
 
-<div class="pure-u-1-3 pure-u-lg-1-5">
 
+<div class="pure-u-1-3 pure-u-lg-1-8">
 
 <div class="pure-g">
 
   <div class="pure-u-1">
 
     <div class="l-box">

+ 26 - 2
app/rest/templates/trend.tpl
Fájl Megtekintése 

@@ -2,8 +2,32 @@
 
 <html>
 
     <head>
 
         <style>
 
-body {background-color: #080808; color: #cccccc; }
 
-select {color: #cccccc; background-color: #080808; }
 
+html {
 
+  --scrollbarBG: #333333;
 
+  --thumbBG: #080808;
 
+}
 
+body {
 
+  background-color: #080808;
 
+  color: #cccccc;
 
+}
 
+select::-webkit-scrollbar {
 
+  width: 11px;
 
+}
 
+select {
 
+  color: #cccccc;
 
+  background-color: #080808;
 
+  scrollbar-width: thin;
 
+  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
 
+}
 
+select::-webkit-scrollbar-track {
 
+  background: var(--scrollbarBG);
 
+}
 
+select::-webkit-scrollbar-thumb {
 
+  background-color: var(--thumbBG) ;
 
+  border-radius: 6px;
 
+  border: 3px solid var(--scrollbarBG);
 
+}
 
+
 
 svg {width: 100vw}
 
         </style>
 
         <title>Trend</title>