From 9a86398398dc8e5d9036364820a05e78479080b5 Mon Sep 17 00:00:00 2001 From: Yiannis Christodoulou Date: Mon, 6 Oct 2025 17:55:00 +0300 Subject: [PATCH] Adjust tooltip positioning for settings button Updated the CSS for the video-js settings button tooltip to align it to the right and apply a horizontal transform. Also removed commented-out code for last-child control tooltip positioning. --- .../video-js/src/components/controls/ButtonTooltips.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/frontend-tools/video-js/src/components/controls/ButtonTooltips.css b/frontend-tools/video-js/src/components/controls/ButtonTooltips.css index c72449e5..84aca52c 100644 --- a/frontend-tools/video-js/src/components/controls/ButtonTooltips.css +++ b/frontend-tools/video-js/src/components/controls/ButtonTooltips.css @@ -6,11 +6,6 @@ position: relative; } -/* .video-js .vjs-control-bar .vjs-control:last-child::after { - left: auto; - right: 0; -} - */ /* Universal tooltip styling for all buttons */ .video-js .vjs-control-bar .vjs-control::after { content: attr(title); @@ -89,6 +84,9 @@ .video-js .vjs-settings-button::after { content: attr(title); + left: auto !important; + right: 0 !important; + transform: translateX(-10px) !important; } .video-js .vjs-remaining-time::after {