Fix: Optimised track selection vector icons

This commit is contained in:
lscambo13
2025-01-29 07:53:23 -08:00
parent 170bb6836c
commit bbe9205d08

View File

@@ -1531,15 +1531,15 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
.selectVideoContainer.trackSelectionFieldContainer>label { .selectVideoContainer.trackSelectionFieldContainer>label {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23d1d5db'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z' stroke='%23d1d5db' stroke-width='1.5'%3E%3C/path%3E%3Cpath d='M17 2.5L17 21.5' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M7 2.5L7 21.5' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M2.5 7L7 7M21.5 7L17 7' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M2.5 17L7 17M21.5 17L17 17' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M2 12H22' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23d1d5db" viewBox="0 0 24 24"><g stroke-width="1.5"><path d="M2 12c0-4.7 0-7 1.5-8.5C4.9 2 7.3 2 12 2s7 0 8.5 1.5C22 4.9 22 7.3 22 12s0 7-1.5 8.5C19.1 22 16.7 22 12 22s-7 0-8.5-1.5C2 19.1 2 16.7 2 12Z"/><path stroke-linecap="round" d="M17 2.5v19M7 2.5v19M2.5 7H7m14.5 0H17M2.5 17H7m14.5 0H17M2 12h20"/></g></svg>');
} }
.selectAudioContainer.trackSelectionFieldContainer>label { .selectAudioContainer.trackSelectionFieldContainer>label {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23d1d5db' stroke='%23d1d5db'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3ESound%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Sound'%3E%3Crect id='Rectangle' fill-rule='nonzero' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M21,16 L21,6.54138 C21,4.68756 19.3354,3.27743 17.5068,3.5822 L11.5068,4.5822 C10.0602,4.82329 9,6.07486 9,7.54138 L9,18' id='Path' stroke='%23d1d5db' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M6.5,21 C7.88071,21 9,19.8807 9,18.5 L9,16 L6.5,16 C5.11929,16 4,17.1193 4,18.5 C4,19.8807 5.11929,21 6.5,21 Z' id='Path' stroke='%23d1d5db' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M18.5,19 C19.8807,19 21,17.8807 21,16.5 L21,14 L18.5,14 C17.1193,14 16,15.1193 16,16.5 C16,17.8807 17.1193,19 18.5,19 Z' id='Path' stroke='%23d1d5db' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23d1d5db" viewBox="0 0 24 24"><g stroke-width="1.5"><path d="M9 19a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM21 17a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 19V8M21 17V6"/><path stroke-linecap="round" d="m15.7 3.8-4 1.3c-1.3.4-2 .6-2.3 1.2C9 6.8 9 7.5 9 8.9V12l12-4v-.5c0-2.5 0-3.7-.8-4.3-.9-.6-2-.2-4.5.6Z"/></g></svg>');
} }
.selectSubtitlesContainer.trackSelectionFieldContainer>label { .selectSubtitlesContainer.trackSelectionFieldContainer>label {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23d1d5db'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z' stroke='%23d1d5db' stroke-width='1.5'%3E%3C/path%3E%3Cpath d='M10 16H6' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M14 13H18' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M14 16H12.5' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M9.5 13H11.5' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M18 16H16.5' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M6 13H7' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23d1d5db" viewBox="0 0 24 24"><g stroke-width="1.5"><path d="M2 12c0-3.8 0-5.7 1.2-6.8C4.3 4 6.2 4 10 4h4c3.8 0 5.7 0 6.8 1.2C22 6.3 22 8.2 22 12s0 5.7-1.2 6.8C19.7 20 17.8 20 14 20h-4c-3.8 0-5.7 0-6.8-1.2C2 17.7 2 15.8 2 12Z"/><path stroke-linecap="round" d="M10 16H6M14 13h4M14 16h-1.5M9.5 13h2M18 16h-1.5M6 13h1"/></g></svg>')
} }
.detailSectionContent { .detailSectionContent {