style fixes

This commit is contained in:
Cory LaViska
2021-11-29 08:49:18 -05:00
parent fd375788f8
commit 8e5c258896
4 changed files with 5 additions and 2 deletions

View File

@@ -11,6 +11,8 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
- CodePen examples will now open in light or dark depending on your current preference
- Fixed a bug where tag names weren't being generated in `vscode.html-custom-data.json` [#593](https://github.com/shoelace-style/shoelace/pull/593)
- Fixed a bug in `<sl-tooltip>` where the tooltip wouldn't reposition when content changed
- Fixed a bug in `<sl-select>` where focusing on a filled control showed the wrong focus ring
- Updated filled inputs to have the same appearance when focused
- Updated `color` dependency from 3.1.3 to 4.0.2
- Upgraded the status of `<sl-qr-code>` from experimental to stable
## 2.0.0-beta.61

View File

@@ -76,6 +76,7 @@ export default css`
}
.select--filled.select--focused:not(.select--disabled) .select__control {
outline: none;
background-color: var(--sl-input-filled-background-color-focus);
box-shadow: var(--sl-focus-ring);
}

View File

@@ -458,7 +458,7 @@ export default css`
--sl-input-filled-background-color: var(--sl-color-neutral-100);
--sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
--sl-input-filled-background-color-focus: var(--sl-color-neutral-0);
--sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
--sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
--sl-input-filled-color: var(--sl-color-neutral-800);
--sl-input-filled-color-hover: var(--sl-color-neutral-800);

View File

@@ -458,7 +458,7 @@ export default css`
--sl-input-filled-background-color: var(--sl-color-neutral-100);
--sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
--sl-input-filled-background-color-focus: var(--sl-color-neutral-0);
--sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
--sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
--sl-input-filled-color: var(--sl-color-neutral-800);
--sl-input-filled-color-hover: var(--sl-color-neutral-800);