IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-20 11:48:34 -06:00
Code Issues Packages Projects Releases Wiki Activity

Reduced height of tabs and nav-tabs elsewhere

Browse Source
This commit is contained in:
Matt 2016-02-25 12:30:36 +11:00
parent b86b8965f1
commit 9d96382ecc
2 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/sass/components/_navs.scss
View File

@ -55,16 +55,22 @@
// Actual tabs (as links) // Actual tabs (as links)
.nav-tabs > li > a { .nav-tabs > li > a {
color: $text-color; // color: $text-color;
padding-top: 8px; // padding-top: 8px;
padding-bottom: 8px; // padding-bottom: 8px;
// line-height: $line-height-base;
// border: 1px solid transparent;
// @include border-radius(4px 4px 0 0);
padding: 0.40rem 1rem 0.35rem 1rem;
margin-right: $spacer/2;
line-height: $line-height-base; line-height: $line-height-base;
border: 1px solid transparent; border: 1px solid transparent;
@include border-radius(4px 4px 0 0); position: relative;
&:hover, &:hover,
&:focus { &:focus {
border-color: $divider-border-color; color: $link-hover-color;
color: $link-color;
} }
} }
@ -72,9 +78,14 @@
.nav-tabs > .active > a, .nav-tabs > .active > a,
.nav-tabs > .active > a:hover, .nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus { .nav-tabs > .active > a:focus {
// @include border-radius(3px);
// border: 1px solid $divider-border-color;
// background-color: transparent;
// border-bottom: 1px solid $panel-bg;
// color: $link-hover-color;
@include border-radius(3px); @include border-radius(3px);
border: 1px solid $divider-border-color; border-color: $divider-border-color;
background-color: transparent;
border-bottom: 1px solid $panel-bg; border-bottom: 1px solid $panel-bg;
color: $link-color; color: $link-color;
} }

4
public/sass/components/_tabbed_view.scss
View File

@ -25,7 +25,7 @@
} }
.tabbed-view-title { .tabbed-view-title {
margin-left: $spacer*2; margin-left: $spacer*1.5;
float: left; float: left;
font-style: italic; font-style: italic;
padding-top: 0.2rem; padding-top: 0.2rem;
@ -48,7 +48,7 @@
} }
.tabbed-view-body { .tabbed-view-body {
padding: $spacer*2; padding: $spacer*1.5;
min-height: 250px; min-height: 250px;
} }