diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-02-20 16:55:32 +0100 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-02-20 17:06:45 +0100 |
| commit | ab424c2e7596a0f3bcc1fbf56f59b2418ec6afda (patch) | |
| tree | 5dcfbe83f15c1e599f0a4f84d85f09fb391fb912 /core/css | |
| parent | 858b4b83c7d9df1d25cf452f2d05f7c5a6c8501c (diff) | |
| download | nextcloud-server-ab424c2e7596a0f3bcc1fbf56f59b2418ec6afda.tar.gz nextcloud-server-ab424c2e7596a0f3bcc1fbf56f59b2418ec6afda.zip | |
fix(styles): Add default styles for disabled input elements
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/inputs.scss | 12 | ||||
| -rw-r--r-- | core/css/variables.scss | 1 |
2 files changed, 12 insertions, 1 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index e23fc1e0e25..03df210e1ea 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -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; } diff --git a/core/css/variables.scss b/core/css/variables.scss index 625ba011322..ae41f194bd2 100644 --- a/core/css/variables.scss +++ b/core/css/variables.scss @@ -115,4 +115,3 @@ $header-menu-profile-item-height: 66px; // mobile. Keep in sync with core/js/js.js $breakpoint-mobile: 1024px; - |