grafana/public/sass/components/_tabbed_view.scss

58 lines
1.0 KiB
SCSS
Raw Normal View History

2016-02-23 06:20:59 -06:00
.tabbed-view {
background-color: $page-bg;
2016-02-24 03:32:22 -06:00
background-image: $page-gradient;
margin: (-$panel-margin*2) (-$panel-margin);
2016-02-23 06:32:14 -06:00
margin-bottom: $spacer*2;
2016-02-23 07:05:12 -06:00
padding: $spacer*3;
2016-02-24 03:32:22 -06:00
&.tabbed-view--panel-edit {
padding: 0;
.tabbed-view-header {
background-color: $body-bg;
padding: 1.5em 1rem 0 1rem;
}
.gf-tabs-link.active {
background-color: $panel-bg;
}
}
2016-02-23 06:20:59 -06:00
}
.tabbed-view-header {
@include clearfix();
2016-02-24 03:32:22 -06:00
@include brand-bottom-border();
2016-02-23 06:20:59 -06:00
}
.tabbed-view-title {
float: left;
font-style: italic;
padding-top: 0.5rem;
margin: 0 $spacer*3 0 $spacer*1;
}
2016-02-23 06:20:59 -06:00
.tabbed-view-close-btn {
float: right;
padding: 0;
margin: 0;
background-color: transparent;
border: none;
2016-03-02 13:56:04 -06:00
padding: ($tabs-padding-top + $tabs-top-margin) $spacer $tabs-padding-bottom;
2016-11-16 10:08:38 -06:00
color: $text-color;
2016-02-23 06:20:59 -06:00
i {
font-size: 120%;
}
&:hover {
color: $white;
}
}
.tabbed-view-body {
padding: $spacer*2 $spacer;
2016-02-23 07:05:12 -06:00
min-height: 250px;
2016-02-23 06:20:59 -06:00
}
2016-02-23 07:05:12 -06:00
.section-heading {
font-size: 1.1rem;
margin-bottom: 0.6rem;
}