diff options
Diffstat (limited to 'packages/ui/src/components/list.css')
| -rw-r--r-- | packages/ui/src/components/list.css | 22 |
1 files changed, 19 insertions, 3 deletions
diff --git a/packages/ui/src/components/list.css b/packages/ui/src/components/list.css index 852bf486c..b896c4376 100644 --- a/packages/ui/src/components/list.css +++ b/packages/ui/src/components/list.css @@ -53,6 +53,8 @@ } > [data-component="icon-button"] { + width: 20px; + height: 20px; background-color: transparent; &:hover:not(:disabled), @@ -185,11 +187,25 @@ letter-spacing: var(--letter-spacing-normal); [data-slot="list-item-selected-icon"] { - color: var(--icon-strong-base); + display: inline-flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + aspect-ratio: 1/1; + [data-component="icon"] { + color: var(--icon-strong-base); + } } [data-slot="list-item-active-icon"] { + display: inline-flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + aspect-ratio: 1/1; display: none; - color: var(--icon-strong-base); + [data-component="icon"] { + color: var(--icon-strong-base); + } } [data-slot="list-item-extra-icon"] { @@ -201,7 +217,7 @@ border-radius: var(--radius-md); background: var(--surface-raised-base-hover); [data-slot="list-item-active-icon"] { - display: block; + display: inline-flex; } [data-slot="list-item-extra-icon"] { display: block !important; |