not happening

change name - wompchat overlay attempt was made. turns out cant link obs to chrome extension web page. added greenscreen option instead. best i can do until chat bot is made. need a web page hosted that can be manipulated and can be linked into obs. some other unrelated fixes - minor bugs added escape key for popup expanded pupup window to full width of chat
2020-11-13 05:16:24 -05:00
parent fb13e2f056
commit 1826dce523
15 changed files with 59648 additions and 14509 deletions
--- a/src/html/chat_overlay.html
+++ b/src/html/chat_overlay.html
@@ -5,14 +5,9 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Chat Overlay</title>
-    <link rel="stylesheet" href="./youtube_styling.css">
+    <link rel="stylesheet" href="./youtube.css">
  </head>
  <body>
-    <style>
-      yt-live-chat-text-message-renderer{
-        background-color: transparent !important;
-      }
-    </style>
    <div id="message_container"></div>
    <script src="../chat_overlay.js"></script>
  </body>
--- a/src/html/options.html
+++ b/src/html/options.html
@@ -115,6 +115,13 @@
          </div>
        </div>

+        <div class="options-table">
+          <div class="option-row">
+            <div class="option-cell"><label for="setGreenScreen">Green Screen Chat</label></div>
+            <div class="option-cell"><input disabled type="checkbox" id="setGreenScreen" class="option-input"></div>
+          </div>
+        </div>
+
      </div>

      <hr>
@@ -138,7 +145,8 @@
      </span>
      
      <hr>
-      <button class="chat_overlay" id="chat_overlay" >Chat Overlay</button>
+      
+      <!-- <button class="chat_overlay" id="chat_overlay" >Chat Overlay</button> -->

    <div id="save-status">&nbsp;</div>
  </div>
--- a/src/html/youtube.css
+++ b/src/html/youtube.css
--- a/src/html/youtube_styling.css
+++ b/src/html/youtube_styling.css