qsm-odoo
126850e9bd
Before this commit the bootstrap version we used was inconsistent. Indeed, the javascript files were the 3.3.4 ones and the less files were the 3.3.5 ones. This was due to a failed merged resolution in 9.0. This should however not cause any issue as the difference between 3.3.x versions are very minor. Basically, this commit is more of a fix than an improvement and may even be backported if we find reasons to do so. This commit is mainly made to prepare the transition to version 4.0.0, which requires to switch our LESS files to SCSS first (and it will be easier to go by bootstrap 3.3.7 with SCSS files first).
272 lines
6.1 KiB
Plaintext
272 lines
6.1 KiB
Plaintext
//
|
|
// Panels
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Base class
|
|
.panel {
|
|
margin-bottom: @line-height-computed;
|
|
background-color: @panel-bg;
|
|
border: 1px solid transparent;
|
|
border-radius: @panel-border-radius;
|
|
.box-shadow(0 1px 1px rgba(0,0,0,.05));
|
|
}
|
|
|
|
// Panel contents
|
|
.panel-body {
|
|
padding: @panel-body-padding;
|
|
&:extend(.clearfix all);
|
|
}
|
|
|
|
// Optional heading
|
|
.panel-heading {
|
|
padding: @panel-heading-padding;
|
|
border-bottom: 1px solid transparent;
|
|
.border-top-radius((@panel-border-radius - 1));
|
|
|
|
> .dropdown .dropdown-toggle {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
// Within heading, strip any `h*` tag of its default margins for spacing.
|
|
.panel-title {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
font-size: ceil((@font-size-base * 1.125));
|
|
color: inherit;
|
|
|
|
> a,
|
|
> small,
|
|
> .small,
|
|
> small > a,
|
|
> .small > a {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
// Optional footer (stays gray in every modifier class)
|
|
.panel-footer {
|
|
padding: @panel-footer-padding;
|
|
background-color: @panel-footer-bg;
|
|
border-top: 1px solid @panel-inner-border;
|
|
.border-bottom-radius((@panel-border-radius - 1));
|
|
}
|
|
|
|
|
|
// List groups in panels
|
|
//
|
|
// By default, space out list group content from panel headings to account for
|
|
// any kind of custom content between the two.
|
|
|
|
.panel {
|
|
> .list-group,
|
|
> .panel-collapse > .list-group {
|
|
margin-bottom: 0;
|
|
|
|
.list-group-item {
|
|
border-width: 1px 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
// Add border top radius for first one
|
|
&:first-child {
|
|
.list-group-item:first-child {
|
|
border-top: 0;
|
|
.border-top-radius((@panel-border-radius - 1));
|
|
}
|
|
}
|
|
|
|
// Add border bottom radius for last one
|
|
&:last-child {
|
|
.list-group-item:last-child {
|
|
border-bottom: 0;
|
|
.border-bottom-radius((@panel-border-radius - 1));
|
|
}
|
|
}
|
|
}
|
|
> .panel-heading + .panel-collapse > .list-group {
|
|
.list-group-item:first-child {
|
|
.border-top-radius(0);
|
|
}
|
|
}
|
|
}
|
|
// Collapse space between when there's no additional content.
|
|
.panel-heading + .list-group {
|
|
.list-group-item:first-child {
|
|
border-top-width: 0;
|
|
}
|
|
}
|
|
.list-group + .panel-footer {
|
|
border-top-width: 0;
|
|
}
|
|
|
|
// Tables in panels
|
|
//
|
|
// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
|
|
// watch it go full width.
|
|
|
|
.panel {
|
|
> .table,
|
|
> .table-responsive > .table,
|
|
> .panel-collapse > .table {
|
|
margin-bottom: 0;
|
|
|
|
caption {
|
|
padding-left: @panel-body-padding;
|
|
padding-right: @panel-body-padding;
|
|
}
|
|
}
|
|
// Add border top radius for first one
|
|
> .table:first-child,
|
|
> .table-responsive:first-child > .table:first-child {
|
|
.border-top-radius((@panel-border-radius - 1));
|
|
|
|
> thead:first-child,
|
|
> tbody:first-child {
|
|
> tr:first-child {
|
|
border-top-left-radius: (@panel-border-radius - 1);
|
|
border-top-right-radius: (@panel-border-radius - 1);
|
|
|
|
td:first-child,
|
|
th:first-child {
|
|
border-top-left-radius: (@panel-border-radius - 1);
|
|
}
|
|
td:last-child,
|
|
th:last-child {
|
|
border-top-right-radius: (@panel-border-radius - 1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// Add border bottom radius for last one
|
|
> .table:last-child,
|
|
> .table-responsive:last-child > .table:last-child {
|
|
.border-bottom-radius((@panel-border-radius - 1));
|
|
|
|
> tbody:last-child,
|
|
> tfoot:last-child {
|
|
> tr:last-child {
|
|
border-bottom-left-radius: (@panel-border-radius - 1);
|
|
border-bottom-right-radius: (@panel-border-radius - 1);
|
|
|
|
td:first-child,
|
|
th:first-child {
|
|
border-bottom-left-radius: (@panel-border-radius - 1);
|
|
}
|
|
td:last-child,
|
|
th:last-child {
|
|
border-bottom-right-radius: (@panel-border-radius - 1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
> .panel-body + .table,
|
|
> .panel-body + .table-responsive,
|
|
> .table + .panel-body,
|
|
> .table-responsive + .panel-body {
|
|
border-top: 1px solid @table-border-color;
|
|
}
|
|
> .table > tbody:first-child > tr:first-child th,
|
|
> .table > tbody:first-child > tr:first-child td {
|
|
border-top: 0;
|
|
}
|
|
> .table-bordered,
|
|
> .table-responsive > .table-bordered {
|
|
border: 0;
|
|
> thead,
|
|
> tbody,
|
|
> tfoot {
|
|
> tr {
|
|
> th:first-child,
|
|
> td:first-child {
|
|
border-left: 0;
|
|
}
|
|
> th:last-child,
|
|
> td:last-child {
|
|
border-right: 0;
|
|
}
|
|
}
|
|
}
|
|
> thead,
|
|
> tbody {
|
|
> tr:first-child {
|
|
> td,
|
|
> th {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
> tbody,
|
|
> tfoot {
|
|
> tr:last-child {
|
|
> td,
|
|
> th {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
> .table-responsive {
|
|
border: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
|
|
// Collapsible panels (aka, accordion)
|
|
//
|
|
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
|
|
// the help of our collapse JavaScript plugin.
|
|
|
|
.panel-group {
|
|
margin-bottom: @line-height-computed;
|
|
|
|
// Tighten up margin so it's only between panels
|
|
.panel {
|
|
margin-bottom: 0;
|
|
border-radius: @panel-border-radius;
|
|
|
|
+ .panel {
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
|
|
.panel-heading {
|
|
border-bottom: 0;
|
|
|
|
+ .panel-collapse > .panel-body,
|
|
+ .panel-collapse > .list-group {
|
|
border-top: 1px solid @panel-inner-border;
|
|
}
|
|
}
|
|
|
|
.panel-footer {
|
|
border-top: 0;
|
|
+ .panel-collapse .panel-body {
|
|
border-bottom: 1px solid @panel-inner-border;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Contextual variations
|
|
.panel-default {
|
|
.panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
|
|
}
|
|
.panel-primary {
|
|
.panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
|
|
}
|
|
.panel-success {
|
|
.panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
|
|
}
|
|
.panel-info {
|
|
.panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
|
|
}
|
|
.panel-warning {
|
|
.panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
|
|
}
|
|
.panel-danger {
|
|
.panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
|
|
}
|