Commit c880672f84318494aae546a16bd0eab327f0d131
1 parent
6d80a4cfb9
Exists in
develop
Fix
Cambio estilo en checkbox
Showing
1 changed file
with
15 additions
and
5 deletions
Show diff stats
src/scss/styles-bootstrap.scss
| ... | ... | @@ -40,18 +40,28 @@ $border-radius-sm: 0.5rem; |
| 40 | 40 | height: 100% !important; |
| 41 | 41 | } |
| 42 | 42 | |
| 43 | +.custom-checkbox .custom-control-label::before { | |
| 44 | + border-radius: 50% !important; | |
| 45 | +} | |
| 46 | + | |
| 43 | 47 | .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { |
| 44 | 48 | background-color: $primary !important; |
| 45 | 49 | } |
| 46 | 50 | |
| 47 | -.custom-control-input:checked ~ .custom-control-label::before { | |
| 48 | - border-color: $primary !important; | |
| 49 | - background-color: $primary !important; | |
| 51 | +.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before { | |
| 52 | + box-shadow: none !important; | |
| 53 | +} | |
| 54 | +.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before { | |
| 55 | + box-shadow: none !important; | |
| 50 | 56 | } |
| 51 | 57 | |
| 52 | 58 | .custom-control-input:checked ~ .custom-control-label::before { |
| 53 | - color: #fff; | |
| 54 | - border-color: $primary !important; | |
| 59 | + background-color: white !important; | |
| 60 | + border-color: white !important; | |
| 61 | + border-width: 2px; | |
| 62 | +} | |
| 63 | + | |
| 64 | +.custom-checkbox .custom-control-input:active ~ .custom-control-label::before { | |
| 55 | 65 | background-color: $primary !important; |
| 56 | 66 | } |
| 57 | 67 |