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(): making light theme better and changing page header

Browse Source
This commit is contained in:
Torkel Ödegaard
2016-02-18 15:22:20 +01:00
parent b9c60125e8
commit 3a0a8810d1
4 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/sass/layout/_page.scss
View File

@@ -33,17 +33,18 @@
}
.page-header {
padding: $spacer 0 $spacer * 2.5;
padding: $spacer 0;
display: flex;
justify-content: space-between;
align-items: center;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
flex-wrap: wrap-reverse;
background: transparent url(../img/page_header_line.png) no-repeat left 60px;
border-image: linear-gradient(to right, rgba(255,213,0,1) 0%, rgba(255,68,0,1) 99%, rgba(255,68,0,1) 100%);
border-image-slice: 1;
border-top: 0;
border-right: 0;
border-left: 0;
border-bottom: 4px solid transparent;
h1 {
font-style: italic;