Keep the video options button visible when the dropdown is open (#4771)

absidue · web-flow · commit cac1d6be09cc · 2024-03-25T10:21:10.000-04:00
diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/src/renderer/scss-partials/_ft-list-item.scss
@@ -370,7 +370,9 @@ $watched-transition-duration: 0.5s;
     }
 
     &:hover .optionsButton,
-    &:has(:focus-visible) .optionsButton {
+    &:has(:focus-visible) .optionsButton,
+    // Keep visible when the drop down is open
+    :deep(.optionsButton:has(> .iconDropdown:focus-within)) {
       opacity: 1;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -370,7 +370,9 @@ $watched-transition-duration: 0.5s;`
`370`	`370`	`}`
`371`	`371`
`372`	`372`	`&:hover .optionsButton,`
`373`		`- &:has(:focus-visible) .optionsButton {`
	`373`	`+ &:has(:focus-visible) .optionsButton,`
	`374`	`+ // Keep visible when the drop down is open`
	`375`	`+ :deep(.optionsButton:has(> .iconDropdown:focus-within)) {`
`374`	`376`	`opacity: 1;`
`375`	`377`	`}`
`376`	`378`