Fix select wrapper arrow disabled color

2026-06-08 08:39:59 +00:00 · 2022-07-04 21:53:49 +01:00
parent 2dab1b833c
commit 2927d20958
2 changed files with 8 additions and 1 deletions
--- a/ext/src/ui/photon-widgets.css
+++ b/ext/src/ui/photon-widgets.css
@@ -150,6 +150,9 @@ button:default:hover:active {
    top: 0;
    width: var(--arrow-width);
 }
+.select-wrapper--disabled::after {
+    opacity: 0.25;
+}
 select {
    -moz-appearance: none;
    padding-right: calc(8px + var(--arrow-width));
--- a/ext/src/ui/popup/Popup.svelte
+++ b/ext/src/ui/popup/Popup.svelte
@@ -368,7 +368,11 @@
    <div class="media-type-select__label-cast">
        {_("popupMediaSelectCastLabel")}
    </div>
-    <div class="select-wrapper">
+    <div
+        class="select-wrapper"
+        class:select-wrapper--disabled={availableMediaTypes ===
+            ReceiverSelectorMediaType.None}
+    >
        <select
            class="media-type-select__dropdown"
            bind:value={mediaType}