Aligned the position colours on the ballot pop-over with the ballot grid colours.
- Legacy-Id: 9469
This commit is contained in:
parent
576e29e4e6
commit
ca7263dbae
|
@ -3178,6 +3178,51 @@ fieldset[disabled] .btn-success.active {
|
|||
color: #3abf03;
|
||||
background-color: #fff;
|
||||
}
|
||||
.btn-pass {
|
||||
color: #fff;
|
||||
background-color: #76dc4c;
|
||||
border-color: #66d837;
|
||||
}
|
||||
.btn-pass:hover,
|
||||
.btn-pass:focus,
|
||||
.btn-pass.focus,
|
||||
.btn-pass:active,
|
||||
.btn-pass.active,
|
||||
.open > .dropdown-toggle.btn-pass {
|
||||
color: #fff;
|
||||
background-color: #58cd28;
|
||||
border-color: #4caf22;
|
||||
}
|
||||
.btn-pass:active,
|
||||
.btn-pass.active,
|
||||
.open > .dropdown-toggle.btn-pass {
|
||||
background-image: none;
|
||||
}
|
||||
.btn-pass.disabled,
|
||||
.btn-pass[disabled],
|
||||
fieldset[disabled] .btn-pass,
|
||||
.btn-pass.disabled:hover,
|
||||
.btn-pass[disabled]:hover,
|
||||
fieldset[disabled] .btn-pass:hover,
|
||||
.btn-pass.disabled:focus,
|
||||
.btn-pass[disabled]:focus,
|
||||
fieldset[disabled] .btn-pass:focus,
|
||||
.btn-pass.disabled.focus,
|
||||
.btn-pass[disabled].focus,
|
||||
fieldset[disabled] .btn-pass.focus,
|
||||
.btn-pass.disabled:active,
|
||||
.btn-pass[disabled]:active,
|
||||
fieldset[disabled] .btn-pass:active,
|
||||
.btn-pass.disabled.active,
|
||||
.btn-pass[disabled].active,
|
||||
fieldset[disabled] .btn-pass.active {
|
||||
background-color: #76dc4c;
|
||||
border-color: #66d837;
|
||||
}
|
||||
.btn-pass .badge {
|
||||
color: #76dc4c;
|
||||
background-color: #fff;
|
||||
}
|
||||
.btn-info {
|
||||
color: #fff;
|
||||
background-color: #f6d73c;
|
||||
|
@ -4791,6 +4836,13 @@ a.label:focus {
|
|||
.label-success[href]:focus {
|
||||
background-color: #2b8d02;
|
||||
}
|
||||
.label-pass {
|
||||
background-color: #76dc4c;
|
||||
}
|
||||
.label-pass[href]:hover,
|
||||
.label-pass[href]:focus {
|
||||
background-color: #58cd28;
|
||||
}
|
||||
.label-info {
|
||||
background-color: #f0c905;
|
||||
}
|
||||
|
@ -5592,6 +5644,24 @@ a.list-group-item-danger.active:focus {
|
|||
.panel-success > .panel-footer + .panel-collapse > .panel-body {
|
||||
border-bottom-color: #b6ef85;
|
||||
}
|
||||
.panel-pass {
|
||||
border-color: #76dc4c;
|
||||
}
|
||||
.panel-pass > .panel-heading {
|
||||
color: #000;
|
||||
background-color: #b5f29c;
|
||||
border-color: #76dc4c;
|
||||
}
|
||||
.panel-pass > .panel-heading + .panel-collapse > .panel-body {
|
||||
border-top-color: #76dc4c;
|
||||
}
|
||||
.panel-pass > .panel-heading .badge {
|
||||
color: #b5f29c;
|
||||
background-color: #000;
|
||||
}
|
||||
.panel-pass > .panel-footer + .panel-collapse > .panel-body {
|
||||
border-bottom-color: #76dc4c;
|
||||
}
|
||||
.panel-info {
|
||||
border-color: #fbe4b6;
|
||||
}
|
||||
|
|
2
bootstrap/dist/css/bootstrap.css.map
vendored
2
bootstrap/dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
bootstrap/dist/css/bootstrap.min.css
vendored
2
bootstrap/dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -67,6 +67,9 @@
|
|||
.btn-success {
|
||||
.button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
|
||||
}
|
||||
.btn-pass {
|
||||
.button-variant(@btn-pass-color; @btn-pass-bg; @btn-pass-border);
|
||||
}
|
||||
// Info appears as blue-green
|
||||
.btn-info {
|
||||
.button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
|
||||
|
|
|
@ -51,6 +51,10 @@
|
|||
.label-variant(@label-success-bg);
|
||||
}
|
||||
|
||||
.label-pass {
|
||||
.label-variant(@label-pass-bg);
|
||||
}
|
||||
|
||||
.label-info {
|
||||
.label-variant(@label-info-bg);
|
||||
}
|
||||
|
|
|
@ -254,6 +254,9 @@
|
|||
.panel-success {
|
||||
.panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
|
||||
}
|
||||
.panel-pass {
|
||||
.panel-variant(@panel-pass-border; @panel-pass-text; @panel-pass-heading-bg; @panel-pass-border);
|
||||
}
|
||||
.panel-info {
|
||||
.panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
|
||||
}
|
||||
|
|
|
@ -190,6 +190,10 @@
|
|||
@btn-success-bg: @brand-success;
|
||||
@btn-success-border: darken(@btn-success-bg, 5%);
|
||||
|
||||
@btn-pass-color: #fff;
|
||||
@btn-pass-bg: lighten(desaturate(@brand-success, 30%), 20%);
|
||||
@btn-pass-border: darken(@btn-pass-bg, 5%);
|
||||
|
||||
@btn-info-color: #fff;
|
||||
@btn-info-bg: @brand-info;
|
||||
@btn-info-border: darken(@btn-info-bg, 5%);
|
||||
|
@ -598,6 +602,8 @@
|
|||
@label-primary-bg: lighten(@brand-primary, 20%);
|
||||
//** Success label background color
|
||||
@label-success-bg: @brand-success;
|
||||
@label-pass-bg: lighten(desaturate(@brand-success, 30%), 20%);
|
||||
|
||||
//** Info label background color
|
||||
@label-info-bg: darken(saturate(@brand-info, 5%), 12%);
|
||||
//** Warning label background color
|
||||
|
@ -752,6 +758,10 @@
|
|||
@panel-success-border: @state-success-border;
|
||||
@panel-success-heading-bg: @state-success-bg;
|
||||
|
||||
@panel-pass-text: @state-success-text;
|
||||
@panel-pass-border: lighten(desaturate(@brand-success, 30%), 20%);
|
||||
@panel-pass-heading-bg: @state-success-bg;
|
||||
|
||||
@panel-info-text: @state-info-text;
|
||||
@panel-info-border: @state-info-border;
|
||||
@panel-info-heading-bg: @state-info-bg;
|
||||
|
|
Loading…
Reference in a new issue