Make sure readonly textboxes look like disabled ones

This commit is contained in:
Sergio Padrino 2023-05-24 17:23:08 +02:00
parent 0182d0c9cb
commit f726f74ba8

View file

@ -32,6 +32,10 @@
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"/></svg>');
-webkit-mask-repeat: no-repeat;
}
&:read-only {
@include textboxish-disabled-styles;
}
}
&:not(.no-invalid-state) :not(:focus):invalid {