diff options
Diffstat (limited to 'core/css/inputs.scss')
-rw-r--r-- | core/css/inputs.scss | 30 |
1 files changed, 26 insertions, 4 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index 175790b5f30..3ae0c3a270e 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -172,12 +172,28 @@ button, .button, input[type='button'], input[type='submit'], input[type='reset'] { - padding: 6px 12px; + padding: 6px 16px; width: auto; min-height: $default-height; cursor: pointer; box-sizing: border-box; background-color: var(--color-background-dark); + + &:disabled { + cursor: default; + } +} +select, +button, .button { + * { + cursor: pointer; + } + + &:disabled { + * { + cursor: default; + } + } } /* Buttons */ @@ -350,6 +366,12 @@ input { &:focus + label:before { border-color: var(--color-primary-element); } + &:focus-visible + label { + outline-style: solid; + outline-color: var(--color-main-text); + outline-width: 1px; + outline-offset: 2px; + } &:checked + label:before, &.checkbox:indeterminate + label:before { /* ^ :indeterminate have a strange behavior on radio, @@ -869,7 +891,7 @@ div.select2-container { } /* Progressbar */ -progress { +progress:not(.vue) { display: block; width: 100%; padding: 0; @@ -932,8 +954,8 @@ progress { // Same as .hidden-visually label.infield { position: absolute; - left:-10000px; - top: auto; + left: -10000px; + top: -10000px; width: 1px; height: 1px; overflow: hidden; |