Backport panels styles from EE

See
43a570dcf5/app/assets/stylesheets/framework/panels.scss
This commit is contained in:
Eric Eastwood 2017-06-15 22:47:51 -05:00
parent 42aaae9916
commit 0a4636121e

View file

@ -1,54 +1,60 @@
.panel {
margin-bottom: $gl-padding;
}
.panel-heading {
padding: $gl-vert-padding $gl-padding;
line-height: 36px;
.panel-slim {
@extend .panel;
margin-bottom: $gl-vert-padding;
}
.controls {
margin-top: -2px;
float: right;
}
.dropdown-menu-toggle {
line-height: 20px;
}
.panel-heading {
padding: $gl-vert-padding $gl-padding;
line-height: 36px;
.badge {
margin-top: -2px;
margin-left: 5px;
}
&.split {
display: flex;
align-items: center;
}
.left {
flex: 1 1 auto;
}
.right {
flex: 0 0 auto;
text-align: right;
}
.controls {
margin-top: -2px;
float: right;
}
.panel-empty-heading {
border-bottom: 0;
.dropdown-menu-toggle {
line-height: 20px;
}
.panel-body {
padding: $gl-padding;
.form-actions {
margin: -$gl-padding;
margin-top: $gl-padding;
}
.badge {
margin-top: -2px;
margin-left: 5px;
}
.panel-title {
font-size: inherit;
line-height: inherit;
&.split {
display: flex;
align-items: center;
}
.left {
flex: 1 1 auto;
}
.right {
flex: 0 0 auto;
text-align: right;
}
}
.panel-empty-heading {
border-bottom: 0;
}
.panel-body {
padding: $gl-padding;
.form-actions {
margin: -$gl-padding;
margin-top: $gl-padding;
}
}
.panel-title {
font-size: inherit;
line-height: inherit;
}