reset select trigger to default state after selection
This commit is contained in:
@@ -100,7 +100,7 @@ export const SettingsGeneral: Component = () => {
|
|||||||
onSelect={(option) => option && settings.appearance.setFont(option.value)}
|
onSelect={(option) => option && settings.appearance.setFont(option.value)}
|
||||||
variant="secondary"
|
variant="secondary"
|
||||||
size="small"
|
size="small"
|
||||||
triggerStyle={{ "font-family": monoFontFamily(settings.appearance.font()) }}
|
triggerStyle={{ "font-family": monoFontFamily(settings.appearance.font()), "min-width": "180px" }}
|
||||||
>
|
>
|
||||||
{(option) => <span style={{ "font-family": monoFontFamily(option?.value) }}>{option?.label}</span>}
|
{(option) => <span style={{ "font-family": monoFontFamily(option?.value) }}>{option?.label}</span>}
|
||||||
</Select>
|
</Select>
|
||||||
|
|||||||
@@ -39,15 +39,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:not([data-expanded]):focus {
|
&:not([data-expanded]):focus {
|
||||||
&[data-variant="secondary"] {
|
background-color: transparent;
|
||||||
background-color: var(--button-secondary-base);
|
box-shadow: none;
|
||||||
}
|
|
||||||
&[data-variant="ghost"] {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
&[data-variant="primary"] {
|
|
||||||
background-color: var(--icon-strong-base);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user