diff --git a/packages/theme/styles/_layouts.scss b/packages/theme/styles/_layouts.scss index bdcf41dd64..2ecd601587 100644 --- a/packages/theme/styles/_layouts.scss +++ b/packages/theme/styles/_layouts.scss @@ -90,6 +90,8 @@ table { p:first-child { margin-block-start: 0; } // First and last padding p:last-child { margin-block-end: 0; } +// .popup .tr-body:hover { background-color: transparent !important; } // Remove highlights table rows in popups + /* Flex */ .flex { display: flex; } .inline-flex { display: inline-flex; } @@ -183,6 +185,10 @@ p:last-child { margin-block-end: 0; } .icon { margin-right: .25rem; color: var(--theme-content-dark-color); + &.small-size { + width: 1.5rem; + height: 1.5rem; + } } &:hover .icon { color: var(--theme-caption-color); } } diff --git a/packages/ui/src/components/Dropdown.svelte b/packages/ui/src/components/Dropdown.svelte index 59c07dd85f..a554bf5a66 100644 --- a/packages/ui/src/components/Dropdown.svelte +++ b/packages/ui/src/components/Dropdown.svelte @@ -29,9 +29,9 @@ export let icon: Asset | AnySvelteComponent = Add export let label: IntlString - export let placeholder: IntlString + export let placeholder: string export let items: ListItem[] = [{ item: tesla, label: 'Tesla' }, { item: google, label: 'Google' }] - export let selected: ListItem | undefined + export let selected: ListItem | undefined = undefined export let show: boolean = false let btn: HTMLElement @@ -73,7 +73,7 @@