js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixes #767

Browse Source
This commit is contained in:
Cory LaViska
2022-05-31 08:41:06 -04:00
parent 04d534cd30
commit b4e5544ff8
4 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/resources/changelog.md
View File

@@ -8,6 +8,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
## Next
- Fix focus rings for `<sl-input>`, `<sl-select>`, and `<sl-textarea>` in Safari since they don't use `:focus-visible` [#767](https://github.com/shoelace-style/shoelace/issues/767)
- Revert menu item caching due to regression [#766](https://github.com/shoelace-style/shoelace/issues/766)
## 2.0.0-beta.74

3
src/components/input/input.styles.ts
View File

@@ -41,8 +41,7 @@ export default css`
.input--standard.input--focused:not(.input--disabled) {
background-color: var(--sl-input-background-color-focus);
border-color: var(--sl-input-border-color-focus);
outline: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
outline-offset: var(--sl-input-focus-ring-offset);
box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
}
.input--standard.input--focused:not(.input--disabled) .input__control {

4
src/components/select/select.styles.ts
View File

@@ -50,9 +50,9 @@ export default css`
.select--standard.select--focused:not(.select--disabled) .select__control {
background-color: var(--sl-input-background-color-focus);
border-color: var(--sl-input-border-color-focus);
outline: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
outline-offset: var(--sl-input-focus-ring-offset);
color: var(--sl-input-color-focus);
box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
outline: none;
}
.select--standard.select--disabled .select__control {

3
src/components/textarea/textarea.styles.ts
View File

@@ -43,8 +43,7 @@ export default css`
background-color: var(--sl-input-background-color-focus);
border-color: var(--sl-input-border-color-focus);
color: var(--sl-input-color-focus);
outline: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
outline-offset: var(--sl-input-focus-ring-offset);
box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
}
.textarea--standard.textarea--focused:not(.textarea--disabled) .textarea__control {