Fix disabled select color

This commit is contained in:
Jeremy Thomas 2022-05-08 13:38:20 +01:00
parent bbb5419717
commit 9aa25eb28e
10 changed files with 56 additions and 19 deletions

View File

@ -3785,7 +3785,8 @@ fieldset[disabled] .select select:hover {
} }
.select.is-disabled::after { .select.is-disabled::after {
border-color: #7a7a7a; border-color: #7a7a7a !important;
opacity: 0.5;
} }
.select.is-fullwidth { .select.is-fullwidth {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

3
css/bulma.css vendored
View File

@ -3785,7 +3785,8 @@ fieldset[disabled] .select select:hover {
} }
.select.is-disabled::after { .select.is-disabled::after {
border-color: #7a7a7a; border-color: #7a7a7a !important;
opacity: 0.5;
} }
.select.is-fullwidth { .select.is-fullwidth {

File diff suppressed because one or more lines are too long

2
css/bulma.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -6068,7 +6068,8 @@ fieldset[disabled] .select select:hover {
} }
.select.is-disabled::after { .select.is-disabled::after {
border-color: #7a7a7a; border-color: #7a7a7a !important;
opacity: 0.5;
} }
.select.is-fullwidth { .select.is-fullwidth {

File diff suppressed because one or more lines are too long

53
docs/css/bulma.css vendored
View File

@ -599,7 +599,7 @@ fieldset[disabled] .button.is-text {
.button.is-white[disabled], .button.is-white[disabled],
fieldset[disabled] .button.is-white { fieldset[disabled] .button.is-white {
background-color: white; background-color: white;
border-color: transparent; border-color: white;
box-shadow: none; box-shadow: none;
} }
@ -705,7 +705,7 @@ fieldset[disabled] .button.is-white.is-inverted.is-outlined {
.button.is-black[disabled], .button.is-black[disabled],
fieldset[disabled] .button.is-black { fieldset[disabled] .button.is-black {
background-color: #0a0a0a; background-color: #0a0a0a;
border-color: transparent; border-color: #0a0a0a;
box-shadow: none; box-shadow: none;
} }
@ -811,7 +811,7 @@ fieldset[disabled] .button.is-black.is-inverted.is-outlined {
.button.is-light[disabled], .button.is-light[disabled],
fieldset[disabled] .button.is-light { fieldset[disabled] .button.is-light {
background-color: whitesmoke; background-color: whitesmoke;
border-color: transparent; border-color: whitesmoke;
box-shadow: none; box-shadow: none;
} }
@ -917,7 +917,7 @@ fieldset[disabled] .button.is-light.is-inverted.is-outlined {
.button.is-dark[disabled], .button.is-dark[disabled],
fieldset[disabled] .button.is-dark { fieldset[disabled] .button.is-dark {
background-color: #363636; background-color: #363636;
border-color: transparent; border-color: #363636;
box-shadow: none; box-shadow: none;
} }
@ -1023,7 +1023,7 @@ fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
.button.is-primary[disabled], .button.is-primary[disabled],
fieldset[disabled] .button.is-primary { fieldset[disabled] .button.is-primary {
background-color: #00d1b2; background-color: #00d1b2;
border-color: transparent; border-color: #00d1b2;
box-shadow: none; box-shadow: none;
} }
@ -1146,7 +1146,7 @@ fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
.button.is-link[disabled], .button.is-link[disabled],
fieldset[disabled] .button.is-link { fieldset[disabled] .button.is-link {
background-color: #485fc7; background-color: #485fc7;
border-color: transparent; border-color: #485fc7;
box-shadow: none; box-shadow: none;
} }
@ -1269,7 +1269,7 @@ fieldset[disabled] .button.is-link.is-inverted.is-outlined {
.button.is-info[disabled], .button.is-info[disabled],
fieldset[disabled] .button.is-info { fieldset[disabled] .button.is-info {
background-color: #3e8ed0; background-color: #3e8ed0;
border-color: transparent; border-color: #3e8ed0;
box-shadow: none; box-shadow: none;
} }
@ -1392,7 +1392,7 @@ fieldset[disabled] .button.is-info.is-inverted.is-outlined {
.button.is-success[disabled], .button.is-success[disabled],
fieldset[disabled] .button.is-success { fieldset[disabled] .button.is-success {
background-color: #48c78e; background-color: #48c78e;
border-color: transparent; border-color: #48c78e;
box-shadow: none; box-shadow: none;
} }
@ -1515,7 +1515,7 @@ fieldset[disabled] .button.is-success.is-inverted.is-outlined {
.button.is-warning[disabled], .button.is-warning[disabled],
fieldset[disabled] .button.is-warning { fieldset[disabled] .button.is-warning {
background-color: #ffe08a; background-color: #ffe08a;
border-color: transparent; border-color: #ffe08a;
box-shadow: none; box-shadow: none;
} }
@ -1638,7 +1638,7 @@ fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
.button.is-danger[disabled], .button.is-danger[disabled],
fieldset[disabled] .button.is-danger { fieldset[disabled] .button.is-danger {
background-color: #f14668; background-color: #f14668;
border-color: transparent; border-color: #f14668;
box-shadow: none; box-shadow: none;
} }
@ -1879,6 +1879,38 @@ fieldset[disabled] .button {
margin-right: 0.25rem; margin-right: 0.25rem;
} }
@media screen and (max-width: 768px) {
.button.is-responsive.is-small {
font-size: 0.5625rem;
}
.button.is-responsive,
.button.is-responsive.is-normal {
font-size: 0.65625rem;
}
.button.is-responsive.is-medium {
font-size: 0.75rem;
}
.button.is-responsive.is-large {
font-size: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.button.is-responsive.is-small {
font-size: 0.65625rem;
}
.button.is-responsive,
.button.is-responsive.is-normal {
font-size: 0.75rem;
}
.button.is-responsive.is-medium {
font-size: 1rem;
}
.button.is-responsive.is-large {
font-size: 1.25rem;
}
}
.container { .container {
flex-grow: 1; flex-grow: 1;
margin: 0 auto; margin: 0 auto;
@ -3729,6 +3761,7 @@ fieldset[disabled] .select select:hover {
.select.is-disabled::after { .select.is-disabled::after {
border-color: #7a7a7a !important; border-color: #7a7a7a !important;
opacity: 0.5;
} }
.select.is-fullwidth { .select.is-fullwidth {

View File

@ -66,7 +66,8 @@ $select-colors: $form-colors !default
// Modifiers // Modifiers
&.is-disabled &.is-disabled
&::after &::after
border-color: $input-disabled-color border-color: $input-disabled-color !important
opacity: 0.5
&.is-fullwidth &.is-fullwidth
width: 100% width: 100%
select select