Implement video list settings button only appearing on hover/focus

Same idea as for the favorites & external player icons; much cleaner look without any sizable 'cost' to boot.
kommunarr · Aug 27, 2023 · dfaf498 · dfaf498
1 parent c6b85ea
commit dfaf498
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/src/renderer/scss-partials/_ft-list-item.scss
@@ -73,14 +73,17 @@ $watched-transition-duration: 0.5s;
 
   &:hover .favoritesIcon,
   &:hover .externalPlayerIcon,
+  &:hover .optionsButton,
   &:focus-within .favoritesIcon,
-  &:focus-within .externalPlayerIcon {
+  &:focus-within .externalPlayerIcon,
+  &:focus-within .optionsButton {
     visibility: visible;
     opacity: 1;
   }
 
   .favoritesIcon,
-  .externalPlayerIcon {
+  .externalPlayerIcon,
+  .optionsButton {
     visibility: none;
     opacity: 0;
     transition: visibility 0s, opacity 0.2s linear;