mirror of
https://github.com/nextcloud/server.git
synced 2026-04-22 14:50:17 -04:00
fix(styles): Add default styles for disabled input elements
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
parent
858b4b83c7
commit
ab424c2e75
2 changed files with 12 additions and 1 deletions
|
|
@ -26,6 +26,7 @@ input, textarea, select, button, div[contenteditable=true], div[contenteditable=
|
|||
}
|
||||
|
||||
$default-height: 36px;
|
||||
$opacity-disabled: .7;
|
||||
|
||||
/* Simple selector to allow easy overriding */
|
||||
select,
|
||||
|
|
@ -49,6 +50,17 @@ div[contenteditable=false] {
|
|||
* color-text-maxcontrast disabled state
|
||||
*/
|
||||
|
||||
button:not(.button-vue),
|
||||
input:not([type='range']),
|
||||
textarea {
|
||||
&:disabled {
|
||||
cursor: default;
|
||||
color: var(--color-text-maxcontrast);
|
||||
border-color: var(--color-border-dark);
|
||||
opacity: $opacity-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
input:not([type="range"]) {
|
||||
outline: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -115,4 +115,3 @@ $header-menu-profile-item-height: 66px;
|
|||
|
||||
// mobile. Keep in sync with core/js/js.js
|
||||
$breakpoint-mobile: 1024px;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue