From 347732090de695a91d26fa2dd5fa9904de4bcff7 Mon Sep 17 00:00:00 2001 From: Razak Zakari Date: Thu, 29 Jun 2017 15:01:12 +0000 Subject: [PATCH] Gear icon Fixed Gear Icon Fixed --- videojs-resolution-switcher.css | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 videojs-resolution-switcher.css diff --git a/videojs-resolution-switcher.css b/videojs-resolution-switcher.css new file mode 100644 index 0000000..992f558 --- /dev/null +++ b/videojs-resolution-switcher.css @@ -0,0 +1,31 @@ +.vjs-resolution-button .vjs-icon-placeholder:before { + content: '\f110'; + font-family: VideoJS; + font-weight: normal; + font-style: normal; + font-size: 1.8em; + line-height: 1.67em; +} + +.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; +}