Fix select wrapper arrow disabled color

This commit is contained in:
hensm
2022-07-04 21:53:49 +01:00
parent 2dab1b833c
commit 2927d20958
2 changed files with 8 additions and 1 deletions

View File

@@ -150,6 +150,9 @@ button:default:hover:active {
top: 0; top: 0;
width: var(--arrow-width); width: var(--arrow-width);
} }
.select-wrapper--disabled::after {
opacity: 0.25;
}
select { select {
-moz-appearance: none; -moz-appearance: none;
padding-right: calc(8px + var(--arrow-width)); padding-right: calc(8px + var(--arrow-width));

View File

@@ -368,7 +368,11 @@
<div class="media-type-select__label-cast"> <div class="media-type-select__label-cast">
{_("popupMediaSelectCastLabel")} {_("popupMediaSelectCastLabel")}
</div> </div>
<div class="select-wrapper"> <div
class="select-wrapper"
class:select-wrapper--disabled={availableMediaTypes ===
ReceiverSelectorMediaType.None}
>
<select <select
class="media-type-select__dropdown" class="media-type-select__dropdown"
bind:value={mediaType} bind:value={mediaType}