mirror of
https://github.com/kmoskwiak/videojs-resolution-switcher.git
synced 2025-10-05 02:39:33 +02:00
c1a41a4635
- Remove color override - Simplify how the dynamic label vs cog icon is styled - Don't use !important, but specificity to override video.js - Use more isolated method to center the menu.
32 lines
649 B
CSS
32 lines
649 B
CSS
.vjs-resolution-button.vjs-menu-icon {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.vjs-resolution-button.vjs-menu-icon:before {
|
|
content: '\f110';
|
|
}
|
|
|
|
.vjs-resolution-button .vjs-resolution-button-label {
|
|
font-size: 1em;
|
|
line-height: 3em;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
.vjs-resolution-button .vjs-menu .vjs-menu-content {
|
|
width: 4em;
|
|
left: 50%; /* Center the menu, in it's parent */
|
|
margin-left: -2em; /* half of width, to center */
|
|
}
|
|
|
|
.vjs-resolution-button .vjs-menu li {
|
|
text-transform: none;
|
|
font-size: 1em;
|
|
}
|