Better style for scrollbars

2022-03-30 17:41:38 +02:00 · 2022-03-30 17:41:38 +02:00 · b1491b8048
commit b1491b8048
parent 96a2d8bef0
66 changed files with 90 additions and 63 deletions
--- a/platypush/backend/http/webapp/dist/index.html
+++ b/platypush/backend/http/webapp/dist/index.html
@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>platypush</title><script defer="defer" type="module" src="/static/js/chunk-vendors.5adf1720.js"></script><script defer="defer" type="module" src="/static/js/app.651026b6.js"></script><link href="/static/css/chunk-vendors.5cf89a0c.css" rel="stylesheet"><link href="/static/css/app.8a82405f.css" rel="stylesheet"><script defer="defer" src="/static/js/chunk-vendors-legacy.6835b8d0.js" nomodule></script><script defer="defer" src="/static/js/app-legacy.059219df.js" nomodule></script></head><body><noscript><strong>We're sorry but platypush doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>platypush</title><script defer="defer" type="module" src="/static/js/chunk-vendors.5adf1720.js"></script><script defer="defer" type="module" src="/static/js/app.b00986ef.js"></script><link href="/static/css/chunk-vendors.5cf89a0c.css" rel="stylesheet"><link href="/static/css/app.f1a6fcf5.css" rel="stylesheet"><script defer="defer" src="/static/js/chunk-vendors-legacy.6835b8d0.js" nomodule></script><script defer="defer" src="/static/js/app-legacy.b31b6f4e.js" nomodule></script></head><body><noscript><strong>We're sorry but platypush doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
--- a/platypush/backend/http/webapp/dist/static/css/1406.9d7d27e7.css
+++ b/platypush/backend/http/webapp/dist/static/css/1406.9d7d27e7.css
--- a/platypush/backend/http/webapp/dist/static/css/1406.afcee9f8.css
+++ b/platypush/backend/http/webapp/dist/static/css/1406.afcee9f8.css
--- a/platypush/backend/http/webapp/dist/static/css/1474.75891517.css
+++ b/platypush/backend/http/webapp/dist/static/css/1474.75891517.css
--- a/platypush/backend/http/webapp/dist/static/css/1798.f703a14d.css
+++ b/platypush/backend/http/webapp/dist/static/css/1798.f703a14d.css
--- a/platypush/backend/http/webapp/dist/static/css/2346.dd5b7fec.css
+++ b/platypush/backend/http/webapp/dist/static/css/2346.dd5b7fec.css
--- a/platypush/backend/http/webapp/dist/static/css/2380.a55977a1.css
+++ b/platypush/backend/http/webapp/dist/static/css/2380.a55977a1.css
--- a/platypush/backend/http/webapp/dist/static/css/2790.a6bceb20.css
+++ b/platypush/backend/http/webapp/dist/static/css/2790.a6bceb20.css
--- a/platypush/backend/http/webapp/dist/static/css/2790.b7703d2a.css
+++ b/platypush/backend/http/webapp/dist/static/css/2790.b7703d2a.css
--- a/platypush/backend/http/webapp/dist/static/css/2844.eabbb568.css
+++ b/platypush/backend/http/webapp/dist/static/css/2844.eabbb568.css
--- a/platypush/backend/http/webapp/dist/static/css/2989.6de074b2.css
+++ b/platypush/backend/http/webapp/dist/static/css/2989.6de074b2.css
--- a/platypush/backend/http/webapp/dist/static/css/345.39a334e8.css
+++ b/platypush/backend/http/webapp/dist/static/css/345.39a334e8.css
--- a/platypush/backend/http/webapp/dist/static/css/3785.85dd63a7.css
+++ b/platypush/backend/http/webapp/dist/static/css/3785.85dd63a7.css
--- a/platypush/backend/http/webapp/dist/static/css/4021.f58ac074.css
+++ b/platypush/backend/http/webapp/dist/static/css/4021.f58ac074.css
--- a/platypush/backend/http/webapp/dist/static/css/4196.8681eb9f.css
+++ b/platypush/backend/http/webapp/dist/static/css/4196.8681eb9f.css
--- a/platypush/backend/http/webapp/dist/static/css/4196.a9750be6.css
+++ b/platypush/backend/http/webapp/dist/static/css/4196.a9750be6.css
--- a/platypush/backend/http/webapp/dist/static/css/4276.008136f7.css
+++ b/platypush/backend/http/webapp/dist/static/css/4276.008136f7.css
--- a/platypush/backend/http/webapp/dist/static/css/4604.b8e9d24e.css
+++ b/platypush/backend/http/webapp/dist/static/css/4604.b8e9d24e.css
--- a/platypush/backend/http/webapp/dist/static/css/4604.e0765efd.css
+++ b/platypush/backend/http/webapp/dist/static/css/4604.e0765efd.css
--- a/platypush/backend/http/webapp/dist/static/css/4764.837012fe.css
+++ b/platypush/backend/http/webapp/dist/static/css/4764.837012fe.css
--- a/platypush/backend/http/webapp/dist/static/css/4764.8b813daf.css
+++ b/platypush/backend/http/webapp/dist/static/css/4764.8b813daf.css
--- a/platypush/backend/http/webapp/dist/static/css/4826.c0b8e5bf.css
+++ b/platypush/backend/http/webapp/dist/static/css/4826.c0b8e5bf.css
--- a/platypush/backend/http/webapp/dist/static/css/5193.f7c1a776.css
+++ b/platypush/backend/http/webapp/dist/static/css/5193.f7c1a776.css
--- a/platypush/backend/http/webapp/dist/static/css/5210.2082bfa6.css
+++ b/platypush/backend/http/webapp/dist/static/css/5210.2082bfa6.css
--- a/platypush/backend/http/webapp/dist/static/css/5466.68827648.css
+++ b/platypush/backend/http/webapp/dist/static/css/5466.68827648.css
--- a/platypush/backend/http/webapp/dist/static/css/5528.6de074b2.css
+++ b/platypush/backend/http/webapp/dist/static/css/5528.6de074b2.css
--- a/platypush/backend/http/webapp/dist/static/css/5779.0cad5256.css
+++ b/platypush/backend/http/webapp/dist/static/css/5779.0cad5256.css
--- a/platypush/backend/http/webapp/dist/static/css/5779.151abc0f.css
+++ b/platypush/backend/http/webapp/dist/static/css/5779.151abc0f.css
--- a/platypush/backend/http/webapp/dist/static/css/5824.30fea61c.css
+++ b/platypush/backend/http/webapp/dist/static/css/5824.30fea61c.css
--- a/platypush/backend/http/webapp/dist/static/css/5824.f7a25bb6.css
+++ b/platypush/backend/http/webapp/dist/static/css/5824.f7a25bb6.css
--- a/platypush/backend/http/webapp/dist/static/css/6003.76b4d677.css
+++ b/platypush/backend/http/webapp/dist/static/css/6003.76b4d677.css
--- a/platypush/backend/http/webapp/dist/static/css/6013.e5066be6.css
+++ b/platypush/backend/http/webapp/dist/static/css/6013.e5066be6.css
--- a/platypush/backend/http/webapp/dist/static/css/615.17632d8f.css
+++ b/platypush/backend/http/webapp/dist/static/css/615.17632d8f.css
--- a/platypush/backend/http/webapp/dist/static/css/6162.85849319.css
+++ b/platypush/backend/http/webapp/dist/static/css/6162.85849319.css
--- a/platypush/backend/http/webapp/dist/static/css/6162.c4ae620b.css
+++ b/platypush/backend/http/webapp/dist/static/css/6162.c4ae620b.css
--- a/platypush/backend/http/webapp/dist/static/css/6590.e2b4dcb4.css
+++ b/platypush/backend/http/webapp/dist/static/css/6590.e2b4dcb4.css
--- a/platypush/backend/http/webapp/dist/static/css/6739.f5527e3f.css
+++ b/platypush/backend/http/webapp/dist/static/css/6739.f5527e3f.css
--- a/platypush/backend/http/webapp/dist/static/css/6833.79e8e039.css
+++ b/platypush/backend/http/webapp/dist/static/css/6833.79e8e039.css
--- a/platypush/backend/http/webapp/dist/static/css/6833.9c099b40.css
+++ b/platypush/backend/http/webapp/dist/static/css/6833.9c099b40.css
--- a/platypush/backend/http/webapp/dist/static/css/6849.837012fe.css
+++ b/platypush/backend/http/webapp/dist/static/css/6849.837012fe.css
--- a/platypush/backend/http/webapp/dist/static/css/6849.8b813daf.css
+++ b/platypush/backend/http/webapp/dist/static/css/6849.8b813daf.css
--- a/platypush/backend/http/webapp/dist/static/css/6899.85849319.css
+++ b/platypush/backend/http/webapp/dist/static/css/6899.85849319.css
--- a/platypush/backend/http/webapp/dist/static/css/6899.c4ae620b.css
+++ b/platypush/backend/http/webapp/dist/static/css/6899.c4ae620b.css
--- a/platypush/backend/http/webapp/dist/static/css/7029.00f26c36.css
+++ b/platypush/backend/http/webapp/dist/static/css/7029.00f26c36.css
--- a/platypush/backend/http/webapp/dist/static/css/7029.f0a3a6c5.css
+++ b/platypush/backend/http/webapp/dist/static/css/7029.f0a3a6c5.css
--- a/platypush/backend/http/webapp/dist/static/css/7262.e379f31b.css
+++ b/platypush/backend/http/webapp/dist/static/css/7262.e379f31b.css
--- a/platypush/backend/http/webapp/dist/static/css/7420.5775e7e6.css
+++ b/platypush/backend/http/webapp/dist/static/css/7420.5775e7e6.css
--- a/platypush/backend/http/webapp/dist/static/css/747.9d7d27e7.css
+++ b/platypush/backend/http/webapp/dist/static/css/747.9d7d27e7.css
--- a/platypush/backend/http/webapp/dist/static/css/747.afcee9f8.css
+++ b/platypush/backend/http/webapp/dist/static/css/747.afcee9f8.css
--- a/platypush/backend/http/webapp/dist/static/css/7643.74797fcd.css
+++ b/platypush/backend/http/webapp/dist/static/css/7643.74797fcd.css
--- a/platypush/backend/http/webapp/dist/static/css/779.c4c7f81a.css
+++ b/platypush/backend/http/webapp/dist/static/css/779.c4c7f81a.css
--- a/platypush/backend/http/webapp/dist/static/css/8589.c4c7f81a.css
+++ b/platypush/backend/http/webapp/dist/static/css/8589.c4c7f81a.css
--- a/platypush/backend/http/webapp/dist/static/css/8938.2bbd3b5d.css
+++ b/platypush/backend/http/webapp/dist/static/css/8938.2bbd3b5d.css
--- a/platypush/backend/http/webapp/dist/static/css/9196.006b678a.css
+++ b/platypush/backend/http/webapp/dist/static/css/9196.006b678a.css
--- a/platypush/backend/http/webapp/dist/static/css/9575.34cea1a0.css
+++ b/platypush/backend/http/webapp/dist/static/css/9575.34cea1a0.css
--- a/platypush/backend/http/webapp/dist/static/css/9694.20e4266c.css
+++ b/platypush/backend/http/webapp/dist/static/css/9694.20e4266c.css
--- a/platypush/backend/http/webapp/dist/static/css/9978.00f26c36.css
+++ b/platypush/backend/http/webapp/dist/static/css/9978.00f26c36.css
--- a/platypush/backend/http/webapp/dist/static/css/9978.f0a3a6c5.css
+++ b/platypush/backend/http/webapp/dist/static/css/9978.f0a3a6c5.css
--- a/platypush/backend/http/webapp/dist/static/css/app.8a82405f.css
+++ b/platypush/backend/http/webapp/dist/static/css/app.8a82405f.css
--- a/platypush/backend/http/webapp/dist/static/css/app.f1a6fcf5.css
+++ b/platypush/backend/http/webapp/dist/static/css/app.f1a6fcf5.css
--- a/platypush/backend/http/webapp/dist/static/js/app-legacy.b31b6f4e.js
+++ b/platypush/backend/http/webapp/dist/static/js/app-legacy.b31b6f4e.js
--- a/platypush/backend/http/webapp/dist/static/js/app-legacy.b31b6f4e.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/app-legacy.b31b6f4e.js.map
--- a/platypush/backend/http/webapp/dist/static/js/app.b00986ef.js
+++ b/platypush/backend/http/webapp/dist/static/js/app.b00986ef.js
--- a/platypush/backend/http/webapp/dist/static/js/app.b00986ef.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/app.b00986ef.js.map
--- a/platypush/backend/http/webapp/src/style/components.scss
+++ b/platypush/backend/http/webapp/src/style/components.scss
@ -45,3 +45,24 @@ a {
  cursor: pointer;
  text-decoration: none;
 }
+
+::-webkit-scrollbar {
+  width: 0.75em;
+}
+
+::-webkit-scrollbar-track {
+  background: $scrollbar-track-bg;
+  box-shadow: $scrollbar-track-shadow;
+}
+
+::-webkit-scrollbar-thumb {
+  background: $scrollbar-thumb-bg;
+  border-radius: 1em;
+  cursor: pointer;
+}
+
+body {
+  scrollbar-width: thin;
+  scrollbar-color: $scrollbar-thumb-bg $scrollbar-track-bg;
+}
+
--- a/platypush/backend/http/webapp/src/style/themes/light.scss
+++ b/platypush/backend/http/webapp/src/style/themes/light.scss
@ -137,3 +137,9 @@ $play-btn-fg: #27ee5e !default;
 $dropdown-bg: rgb(241, 243, 242) !default;
 $dropdown-disabled-color: #999 !default;
 $dropdown-shadow: 1px 1px 1px #bbb !default;
+
+//// Scrollbars
+$scrollbar-track-bg: $slider-bg !default;
+$scrollbar-track-shadow: inset 1px 0px 3px 0 $slider-track-shadow !default;
+$scrollbar-thumb-bg: #50ca80 !default;
+