diff --git a/src/main/webapp/sass/app.scss b/src/main/webapp/sass/app.scss index 3f4b8ab5..122e4786 100644 --- a/src/main/webapp/sass/app.scss +++ b/src/main/webapp/sass/app.scss @@ -1,4 +1,5 @@ @import "generic/misc"; +@import "generic/scrollbar"; @import "components/admin-panel"; @import "components/toolbar"; diff --git a/src/main/webapp/sass/generic/_scrollbar.scss b/src/main/webapp/sass/generic/_scrollbar.scss new file mode 100644 index 00000000..80af0e5f --- /dev/null +++ b/src/main/webapp/sass/generic/_scrollbar.scss @@ -0,0 +1,21 @@ +::-webkit-scrollbar { + width: 12px; + height: 12px; +} + +::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0.1); +} + +::-webkit-scrollbar-track:hover { + background-color: rgba(0, 0, 0, .05); + box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1) +} + +::-webkit-scrollbar-thumb { + background: rgba(0, 0, 0, 0.2); +} + +::-webkit-scrollbar-thumb:hover { + background: rgba(0, 0, 0, 0.5); +} \ No newline at end of file