fix: add rendition "Quality" header

muxinc · Aug 11, 2023 · 7535463 · 7535463
1 parent b794a4d
commit 7535463
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/examples/vanilla-ts-esm/public/mux-player-renditions.html b/examples/vanilla-ts-esm/public/mux-player-renditions.html
@@ -46,7 +46,7 @@ <h1><a href="/">Elements</a></h1>
     <mux-player
       id="muxPlayer"
       stream-type="on-demand"
-      playback-id="23s11nz72DsoN657h4314PjKKjsF2JG33eBQQt6B95I"
+      playback-id="VcmKA6aqzIzlg3MayLJDnbF55kX00mds028Z65QxvBYaA"
     ></mux-player>
 
     <br>

diff --git a/packages/mux-player/src/themes/classic/classic.html b/packages/mux-player/src/themes/classic/classic.html
@@ -19,6 +19,7 @@
       --media-preview-time-border-radius: 0 0 2px 2px;
       --media-preview-time-margin: 0 0 8px;
       --media-preview-time-text-shadow: none;
+      --media-listbox-border-radius: 2px;
       --media-listbox-transform-in: translateY(-8px) scale(1);
       --media-listbox-transform-out: translateY(-6px) scale(.99);
       --media-option-hover-background: rgba(255, 255, 255, 0.28);
@@ -62,10 +63,6 @@
       cursor: not-allowed;
     }
 
-    :host(:not([audio])) [part~="listbox"] {
-      border-radius: 2px;
-    }
-
     media-controller:not([mediasubtitleslist]) media-captions-selectmenu {
       --captions-selectmenu: none;
     }
@@ -356,7 +353,9 @@
           <path d="M2.25 14.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm6.75 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm6.75 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
         </svg>
       </media-rendition-button>
-      <media-rendition-listbox slot="listbox" part="bottom rendition listbox"></media-rendition-listbox>
+      <media-rendition-listbox slot="listbox" part="bottom rendition listbox">
+        <div slot="header">Quality</div>
+      </media-rendition-listbox>
     </media-rendition-selectmenu>
   </template>