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!ia0vp^0wB!60wlNoGJgf6SkfJR9T^xl_H+M9WCijSl0AZa
z85pY67#JE_7#My5g&JNkFq9fFFuY1&V6d9Oz#v{QXIG#NP=YDR+uenMVO6iP5s=4O
z;1OBOz`%C|gc+x5^GO2**-JcqUD=;9@iC~ghdfpWS^US-#W6(V{L+cG-cF1nZSr%4
zOELvwUddlk@?gz1?TQxI^?dz_i!0UIf177rxYZ=axuos&66cbWlLTVdow!_}od4k3
z&3pXkPFM5&DL2Y|Aa?seb=tmznT&5%-158-zcVo>VM$g>LXNU-c<f3mBZGo9uTE(>
zh&6CDXumo$v-sTCS!bIpKOHHld@_wm{LV**{uz6Asw`OhsxvuWw<_huiQv%No-RVh
z3t2)ep7jU`*L_QG)MqG@U@+fPc)lU_N9ch?-1BX}99I8&nK?ctBIf#<mA6Xo?<)QN
zW@S{g^r>?pvA4Fr54t+@>6evSe7RDqq;8dDq+Yg<@|#;V^VvSe`)u3oyl;KV1crlZ
ziEBhjN@7W>RdP`(kYX@0Ff!CNFw!+N2{ACRGPblbFxLh$3=HNR|KNn8AvZrIGp!Q0
zhPSgk{sA>ef@}!RPb(=;EJ|f4FE7{2%*!rLPAo{(%P&fw{mw=TsEEPS)z4*}Q$iB}
D-M7r0

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 {