mirror of
https://github.com/grafana/grafana.git
synced 2024-11-30 20:54:22 -06:00
59 lines
1.0 KiB
SCSS
59 lines
1.0 KiB
SCSS
.tabbed-view {
|
|
background-color: $page-bg;
|
|
background-image: $page-gradient;
|
|
margin: (-$panel-margin*2) (-$panel-margin);
|
|
margin-bottom: $spacer*2;
|
|
padding: $spacer*3;
|
|
|
|
&.tabbed-view--panel-edit {
|
|
padding: 0;
|
|
|
|
.tabbed-view-header {
|
|
padding: 0;
|
|
background-color: $body-bg;
|
|
padding: 1.5em 1rem 0 1rem;
|
|
}
|
|
.gf-tabs-link.active {
|
|
background-color: $panel-bg;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tabbed-view-header {
|
|
@include clearfix();
|
|
@include brand-bottom-border();
|
|
}
|
|
|
|
.tabbed-view-title {
|
|
float: left;
|
|
font-style: italic;
|
|
padding-top: 0.5rem;
|
|
margin: 0 $spacer*3 0 $spacer*1;
|
|
}
|
|
|
|
.tabbed-view-close-btn {
|
|
float: right;
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
border: none;
|
|
padding: ($tabs-padding-top + $tabs-top-margin) $spacer $tabs-padding-bottom;
|
|
i {
|
|
font-size: 120%;
|
|
}
|
|
color: $text-color;
|
|
&:hover {
|
|
color: $white;
|
|
}
|
|
}
|
|
|
|
.tabbed-view-body {
|
|
padding: $spacer*2;
|
|
min-height: 250px;
|
|
}
|
|
|
|
.section-heading {
|
|
font-size: 1.1rem;
|
|
margin-bottom: 0.6rem;
|
|
}
|