Fix second to last tooltip overflowing due to our wide player controls

FreeTubeApp · Jan 7, 2025 · 74d2688 · 74d2688
1 parent eec8c7f
commit 74d2688
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
@@ -296,6 +296,17 @@
   :deep(.shaka-tooltips-on button:hover::after) {
     margin-bottom: 8px;
   }
+
+  /*
+    similar to the styling that shaka-player applies with last-child
+    needed as we have made the controls a lot wider than they were intended to be :/
+   */
+  :deep(.shaka-tooltips-on button:nth-last-child(2):active::after),
+  :deep(.shaka-tooltips-on button:nth-last-child(2):focus-visible::after),
+  :deep(.shaka-tooltips-on button:nth-last-child(2):hover::after) {
+    left: 32px;
+    transform: translateX(-80%);
+  }
 }
 
 @media only screen and (width <=1350px) {