grafana/public/sass/components/_collapse_box.scss

47 lines
1019 B
SCSS
Raw Normal View History

2017-05-19 09:00:01 -05:00
.collapse-box {
margin-bottom: $spacer;
2017-05-20 15:41:34 -05:00
&--error {
.collapse-box__header {
border-color: $collapse-box-body-error-border;
}
.collapse-box__body {
border-color: $collapse-box-body-error-border;
}
}
2017-05-19 09:00:01 -05:00
}
.collapse-box__header {
display: flex;
flex-direction: row;
padding: $input-padding-y $input-padding-x;
margin-right: $gf-form-margin;
2017-05-20 11:21:41 -05:00
background-color: $input-label-bg;
2017-05-19 09:00:01 -05:00
font-size: $font-size-sm;
margin-right: $gf-form-margin;
2017-05-20 11:21:41 -05:00
border: $input-btn-border-width solid $collapse-box-body-border;
2017-05-19 09:00:01 -05:00
@include border-radius($label-border-radius-sm);
}
.collapse-box__header-title {
flex-grow: 1;
}
.collapse-box__body {
padding: $input-padding-y*2 $input-padding-x;
display: block;
margin-right: $gf-form-margin;
2017-05-20 11:21:41 -05:00
border: $input-btn-border-width solid $collapse-box-body-border;
border-top: none;
2017-05-19 09:00:01 -05:00
@include border-radius($label-border-radius-sm);
}
2017-05-19 10:35:36 -05:00
.collapse-box__header-actions {
display: flex;
flex-direction: row;
a {
margin-left: $spacer;
}
}