diff options
author | Costa Tsaousis (ktsaou) <costa@tsaousis.gr> | 2016-12-29 12:10:10 +0200 |
---|---|---|
committer | Costa Tsaousis (ktsaou) <costa@tsaousis.gr> | 2016-12-29 12:10:10 +0200 |
commit | 954e52c9876345cbbe536871a6feb6c26c0feb08 (patch) | |
tree | 051ec83ac84335b1fcee0fc8c164f7b06dde3fbe /web/dashboard.slate.css | |
parent | dce2724b8b1d7ade68b6b62ae01a0fe3bcbe796e (diff) |
a little bit widder scrollbars; my-netdata menu now pauses the dashboard for smoother scroll on slow machines
Diffstat (limited to 'web/dashboard.slate.css')
-rw-r--r-- | web/dashboard.slate.css | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/web/dashboard.slate.css b/web/dashboard.slate.css index b4e3fbe0a9..36ea6dc6a2 100644 --- a/web/dashboard.slate.css +++ b/web/dashboard.slate.css @@ -555,7 +555,7 @@ code { .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #aaa; /* scrollbar color when dragged away */ - height: 4px; + height: 5px; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { @@ -565,7 +565,7 @@ code { .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #aaa; /* scrollbar color when dragged away */ - width: 4px; + width: 5px; } .ps-container > .ps-scrollbar-x-rail { @@ -579,7 +579,7 @@ code { transition: background-color .2s linear, opacity .2s linear; bottom: 0px; /* there must be 'bottom' for ps-scrollbar-x-rail */ - height: 8px; + height: 15px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { @@ -597,11 +597,11 @@ code { transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; bottom: 2px; /* there must be 'bottom' for ps-scrollbar-x */ - height: 4px; /* the width of the scrollbar */ + height: 5px; /* the width of the scrollbar */ } .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x { - height: 4px; + height: 5px; } .ps-container > .ps-scrollbar-y-rail { @@ -615,7 +615,7 @@ code { transition: background-color .2s linear, opacity .2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ - width: 8px; + width: 15px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { @@ -633,11 +633,11 @@ code { transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; right: 2px; /* there must be 'right' for ps-scrollbar-y */ - width: 4px; /* the width of the scrollbar */ + width: 5px; /* the width of the scrollbar */ } .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y { - width: 4px; + width: 5px; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { @@ -647,7 +647,7 @@ code { .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #bbb; /* scrollbar color when dragged */ - height: 4px; + height: 5px; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { @@ -657,7 +657,7 @@ code { .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #bbb; /* scrollbar color when dragged */ - width: 4px; + width: 5px; } .ps-container:hover > .ps-scrollbar-x-rail, |