IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux: removed custom scrollbar look

Browse Source
This commit is contained in:
Torkel Ödegaard 2017-08-15 09:10:39 +02:00
parent 521c33a7e6
commit 27d6492f40
3 changed files with 1 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/partials/dashboard.html
View File

@ -1,7 +1,7 @@
<div dash-class ng-if="dashboard">
<dashnav dashboard="dashboard"></dashnav>
<div class="dashboard-container">
<div class="dashboard-container scroll-canvas">
<div dash-editor-view class="dash-edit-view"></div>
<div class="clearfix"></div>

1
public/sass/_grafana.scss
View File

@ -60,7 +60,6 @@
@import "components/filter-controls";
@import "components/filter-list";
@import "components/filter-table";
@import "components/scrollbar";
@import "components/old_stuff";
@import "components/typeahead";
@import "components/modals";

41
public/sass/components/_scrollbar.scss
View File

@ -1,41 +0,0 @@
//
// Srollbars
//
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar:hover {
height: 8px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { display: none; }
::-webkit-scrollbar-button:horizontal:decrement { display: none; }
::-webkit-scrollbar-button:horizontal:increment { display: none; }
::-webkit-scrollbar-button:vertical:decrement { display: none; }
::-webkit-scrollbar-button:vertical:increment { display: none; }
::-webkit-scrollbar-button:horizontal:decrement:active { background-image: none; }
::-webkit-scrollbar-button:horizontal:increment:active { background-image: none; }
::-webkit-scrollbar-button:vertical:decrement:active { background-image: none; }
::-webkit-scrollbar-button:vertical:increment:active {background-image: none; }
::-webkit-scrollbar-track-piece { background-color: transparent; }
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, $scrollbarBackground), color-stop(100%, $scrollbarBackground2));
border: 1px solid $scrollbarBorder;
border-top: 1px solid $scrollbarBorder;
border-left: 1px solid $scrollbarBorder;
}
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $scrollbarBackground), color-stop(100%, $scrollbarBackground2));
border: 1px solid $scrollbarBorder;
border-top: 1px solid $scrollbarBorder;
border-left: 1px solid $scrollbarBorder;
}