From e89e65e1f5498a9d6631875ad03bdff51a6a5aa3 Mon Sep 17 00:00:00 2001
From: Ginger Wong <omqmail@gmail.com>
Date: Sat, 29 May 2021 14:20:37 -0700
Subject: [PATCH] Resolve issue https://github.com/owncast/owncast/issues/1044
 - use built-in videojs font icon instead - remove button clickhandler
 override to make button work on mobile

---
 webroot/img/video-settings.png  | Bin 558 -> 0 bytes
 webroot/js/components/player.js |   3 ---
 webroot/styles/video.css        |   7 ++++++-
 3 files changed, 6 insertions(+), 4 deletions(-)
 delete mode 100644 webroot/img/video-settings.png

diff --git a/webroot/img/video-settings.png b/webroot/img/video-settings.png
deleted file mode 100644
index a7a97a05169c63b0d8f40e2d659aa771b5033e03..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 558
zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4i*LmhONKMUokK+u%tWsIx;Y9?C1WI$jZRL
zppfhl<jcTNrN+R}(89p*i-Ccm;RORjsR0ASs{{rHs~HRo;stYd1==t$Ffb)~ySp$j
ztm;)ZVqjq4EbxddW?<ku0>X?_wfUqO7#P?~Jbhi+pEB_=sI!MWRt8!8$J50zMC1I@
ziMHNOj3RCFbA?MX1!7*wUs3X4%{A?c7TEQC{fUb!)!KiXXI;3}B*wX<?e!Apl9Q7J
zV%MFxT%er);M&c5{O3+r^Zh9|%6uSp`#^QtzJr;JZ&uv$yb!-LF(+Y3R!TySvTk_n
zN-HCSf;F#BX*q~Ba5QMYIy1BQ+}BxWn=C&aDXDxijY<5@M~D6ydv>ZUSo^9oIbOFa
z<;98M(A%CaLdFYOLM)#32npAHOK;R?D3f3?-&1(LA@)b;fkoW&ZND5=|9Y7@J|-gO
z`kIxuO7HI~{r+ZURJ8P|b0M*}w!aU$I`iq5m0EncQmdqHm1Lw|wvY0gTQ&39KF0fO
z+wHt>ead8DU{Eb_jVMV;EJ?LWE=o--No6oHFf!CNFw!+N2{ACRGPblbFxNIPure^1
zbNqu7iiX_$l+3hB+#24_^7zNVz#s{-Aviy+q&%@Gm7%=6TrV>(yEr+qAXP8FD1G)j
S8z}|`1_n=8KbLh*2~7aqx6GXY

diff --git a/webroot/js/components/player.js b/webroot/js/components/player.js
index cf7f28d2c..265eac6f1 100644
--- a/webroot/js/components/player.js
+++ b/webroot/js/components/player.js
@@ -168,8 +168,6 @@ class OwncastPlayer {
             MenuButtonClass.call(this, player);
           },
 
-          handleClick: function () {},
-
           createItems: function () {
             const defaultAutoItem = new MenuItem(player, {
               selectable: true,
@@ -224,7 +222,6 @@ class OwncastPlayer {
           {},
           player.controlBar.children_.length - 2
         );
-
         this.qualityMenuButton = menuButton;
       }.bind(this)
     );
diff --git a/webroot/styles/video.css b/webroot/styles/video.css
index feb38b624..66284ff28 100644
--- a/webroot/styles/video.css
+++ b/webroot/styles/video.css
@@ -14,8 +14,13 @@ video.video-js {
   content: url("../img/airplay.png");
 }
 
+.vjs-quality-selector .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
 .vjs-quality-selector .vjs-icon-placeholder::before {
-  content: url("../img/video-settings.png");
+  content: "\f110";
 }
 
 .vjs-big-play-button {