grafana/public/sass/components/_tabbed_view.scss
2017-12-09 22:45:33 +01:00

63 lines
980 B
SCSS

.tabbed-view {
padding: $spacer*3;
margin-bottom: $dashboard-padding;
&.tabbed-view--panel-edit {
padding: 0;
.tabbed-view-header {
padding: 0px 25px;
background: none;
}
}
}
.tabbed-view-header {
background: $page-header-bg;
box-shadow: $page-header-shadow;
border-bottom: 1px solid $page-header-border-color;
@include clearfix();
}
.tabbed-view-title {
float: left;
padding-top: 0.5rem;
margin: 0 $spacer*3 0 $spacer*1;
}
.tabbed-view-panel-title {
float: left;
padding-top: 9px;
margin: 0 2rem 0 0;
}
.tabbed-view-close-btn {
float: right;
padding: 0;
margin: 0;
background-color: transparent;
border: none;
padding: $tabs-padding;
color: $text-color;
i {
font-size: 120%;
}
&:hover {
color: $white;
}
}
.tabbed-view-body {
padding: $spacer*2 $spacer;
&--small {
min-height: 0px;
padding-bottom: 0px;
}
}
.section-heading {
font-size: 1.1rem;
margin-bottom: 0.6rem;
}