Files
grafana/public/sass/components/_tabbed_view.scss

64 lines
1007 B
SCSS
Raw Normal View History

2016-02-23 13:20:59 +01:00
.tabbed-view {
display: flex;
flex-direction: column;
height: 100%;
2018-10-28 11:31:42 +01:00
flex-grow: 1;
2016-02-24 10:32:22 +01:00
&.tabbed-view--new {
2018-10-28 11:31:42 +01:00
padding: 0 0 0 0;
height: 100%;
2018-06-19 21:25:57 +02:00
}
2016-02-23 13:20:59 +01:00
}
.tabbed-view-header {
2017-12-03 16:22:59 +01:00
box-shadow: $page-header-shadow;
border-bottom: 1px solid $page-header-border-color;
2018-10-28 11:31:42 +01:00
padding: 0 $dashboard-padding;
2016-02-23 13:20:59 +01:00
@include clearfix();
}
.tabbed-view-title {
float: left;
padding-top: 0.5rem;
2018-10-28 11:31:42 +01:00
margin: 0 $spacer*3 0 0;
}
2017-10-11 22:10:33 +02:00
.tabbed-view-panel-title {
float: left;
2017-12-04 16:29:46 +01:00
padding-top: 9px;
2017-10-11 22:10:33 +02:00
margin: 0 2rem 0 0;
}
2016-02-23 13:20:59 +01:00
.tabbed-view-close-btn {
float: right;
padding: 0;
margin: 0;
background-color: transparent;
border: none;
2017-11-30 08:18:23 +01:00
padding: $tabs-padding;
2016-11-16 11:08:38 -05:00
color: $text-color;
2016-02-23 13:20:59 +01:00
i {
font-size: 120%;
}
&:hover {
color: $text-color-strong;
2016-02-23 13:20:59 +01:00
}
}
.tabbed-view-body {
padding: $spacer*2 $spacer $spacer $spacer;
display: flex;
flex-direction: column;
flex: 1;
2017-08-17 18:50:46 +02:00
&--small {
min-height: 0px;
padding-bottom: 0px;
}
2016-02-23 13:20:59 +01:00
}
2016-02-23 14:05:12 +01:00
.section-heading {
font-size: 1.1rem;
margin-bottom: 0.6rem;
}