scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/SW-2188-disabled-state (pull request #2597)

Browse Source 
fix(SW-2188): readonly for input fields

* fix(SW-2188): readonly for input fields


Approved-by: Anton Gunnarsson
This commit is contained in:
Bianca Widstam
2025-08-06 07:14:28 +00:00
parent 5f2e215508
commit 75ffd5d10b
4 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/design-system/lib/components/Input/input.module.css
View File

@@ -13,12 +13,14 @@
box-sizing: border-box;
cursor: text;
&:has(.input:focus) {
.container:has(.input:focus):not(:has(.input:disabled)),
.container:has(.input:focus):not(:has(.input:read-only)) {
outline-offset: -2px;
outline: 2px solid var(--Border-Interactive-Focus);
}
&:has(.input:disabled) {
&:has(.input:disabled),
&:has(.input:read-only) {
background-color: var(--Surface-Primary-Disabled);
border: transparent;
cursor: unset;
@@ -50,8 +52,10 @@
outline: none;
}
&:disabled {
&:disabled,
&:read-only {
color: var(--Text-Interactive-Disabled);
cursor: unset;
}
}