IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-12-02 05:29:42 -06:00
Code Issues Packages Projects Releases Wiki Activity

panels: add css tweaks for scrollable panels

Browse Source
This commit is contained in:
Alexander Zobnin 2017-11-17 12:13:56 +03:00
parent 126f3703dc
commit 490b8fc50f
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/features/panel/panel_directive.ts
View File

@ -22,7 +22,9 @@ var panelTemplate = `
<div class="panel-content"> <div class="panel-content">
<div gemini-scrollbar ng-if="ctrl.scrollable"> <div gemini-scrollbar ng-if="ctrl.scrollable">
<ng-transclude></ng-transclude> <div class="panel-content--scrollable">
<ng-transclude></ng-transclude>
</div>
</div> </div>
<ng-transclude ng-if="!ctrl.scrollable"></ng-transclude> <ng-transclude ng-if="!ctrl.scrollable"></ng-transclude>
</div> </div>

8
public/sass/components/_panel_dashlist.scss
View File

@ -7,12 +7,6 @@
margin-bottom: $spacer; margin-bottom: $spacer;
} }
.dashlist {
// Add space for scrollbar
margin-right: 6px;
margin-left: 4px;
}
.dashlist-link { .dashlist-link {
display: block; display: block;
margin: 5px; margin: 5px;
@ -31,5 +25,3 @@
background-color: $tight-form-func-bg; background-color: $tight-form-func-bg;
} }
} }

6
public/sass/pages/_dashboard.scss
View File

@ -39,6 +39,12 @@ div.flot-text {
.panel-content { .panel-content {
padding: 0px 10px 5px 10px; padding: 0px 10px 5px 10px;
height: 100%; height: 100%;
&--scrollable {
// Add space for scrollbar
padding-right: 10px;
padding-left: 6px;
}
} }
.panel-title-container { .panel-title-container {