mirror of
https://github.com/mediacms-io/mediacms.git
synced 2025-10-06 22:32:41 +07:00
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.
This commit is contained in:
@@ -6,11 +6,6 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .video-js .vjs-control-bar .vjs-control:last-child::after {
|
|
||||||
left: auto;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
/* Universal tooltip styling for all buttons */
|
/* Universal tooltip styling for all buttons */
|
||||||
.video-js .vjs-control-bar .vjs-control::after {
|
.video-js .vjs-control-bar .vjs-control::after {
|
||||||
content: attr(title);
|
content: attr(title);
|
||||||
@@ -89,6 +84,9 @@
|
|||||||
|
|
||||||
.video-js .vjs-settings-button::after {
|
.video-js .vjs-settings-button::after {
|
||||||
content: attr(title);
|
content: attr(title);
|
||||||
|
left: auto !important;
|
||||||
|
right: 0 !important;
|
||||||
|
transform: translateX(-10px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-js .vjs-remaining-time::after {
|
.video-js .vjs-remaining-time::after {
|
||||||
|
|||||||
Reference in New Issue
Block a user