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: updated modal header design

Browse Source
This commit is contained in:
Torkel Ödegaard
2017-12-03 08:11:07 +01:00
parent a98b0024fc
commit a47bf7dfd9
5 changed files with 21 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/sass/components/_modals.scss
View File

@@ -23,7 +23,7 @@
position: fixed;
z-index: $zindex-modal;
width: 100%;
background-color: $panel-bg;
background: $page-bg;
@include box-shadow(0 3px 7px rgba(0,0,0,0.3));
@include background-clip(padding-box);
outline: none;
@@ -37,13 +37,10 @@
}
.modal-header {
background-color: $body-bg;
@include brand-bottom-border();
@include clearfix();
.gf-tabs-link.active {
background-color: $panel-bg;
}
background: $page-header-bg;
box-shadow: $page-header-shadow;
border-bottom: 1px solid $page-header-border-color;
@include clearfix();
}
.modal-header-title {

6
public/sass/components/_page_header.scss
View File

@@ -1,8 +1,8 @@
.page-header-canvas {
background: linear-gradient(90deg, #292a2d, black);
box-shadow: inset 0px -4px 14px $dark-2;
border-bottom: 1px solid $dark-4;
background: $page-header-bg;
box-shadow: $page-header-shadow;
border-bottom: 1px solid $page-header-border-color;
}
.page-header {