fix chat layering

This commit is contained in:
steveseguin 2023-04-14 14:51:51 -04:00
parent 67e0eda31a
commit 2a3237a3ba
3 changed files with 13 additions and 3 deletions

View File

@ -56,7 +56,7 @@
<meta property="twitter:image" content="./media/vdoNinja_logo_full.png" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<link rel="stylesheet" href="./main.css?ver=293" />
<link rel="stylesheet" href="./main.css?ver=296" />
<script type="text/javascript" crossorigin="anonymous" src="./thirdparty/adapter.js"></script>
<style id="lightbox-animations" type="text/css"></style>
<!-- <link rel="manifest" href="manifest.json" /> -->
@ -136,7 +136,7 @@
<div class="controlPositioning">
<div id="obsState" class="hidden" >ACTIVE</div>
<div id="chatModule" style="display:none;">
<a target="popup" id="popOutChat" style="cursor:pointer;text-align:right;color:#B3C7F9;" onclick="createPopoutChat();"><i class="las la-external-link-alt"></i></a>
<a target="popup" id="popOutChat" onclick="createPopoutChat();"><i class="las la-external-link-alt"></i></a>
<div id="chatBody">
<div class="inMessage" id="welcomeMsg" data-translate='welcome-to-vdo-ninja-chat'>
Welcome to the chat! You can send text messages directly to connected peers from here.
@ -2499,6 +2499,6 @@
// If you wish to change branding, blank offers a good clean start.
<script type="text/javascript" id="main-js" src="./main.js" data-translation="blank"></script>
-->
<script type="text/javascript" crossorigin="anonymous" id="main-js" src="./main.js?ver=593"></script>
<script type="text/javascript" crossorigin="anonymous" id="main-js" src="./main.js?ver=594"></script>
</body>
</html>

1
lib.js
View File

@ -10748,6 +10748,7 @@ function toggleChat(event = null) { // TODO: I need to have this be MUTE, toggle
getById("chatModule").style.display = "flex";
getById("chatInput").focus(); // give it keyboard focus
} else {
session.chat = false;
getById("chattoggle").className = "las la-comment-alt toggleSize";
getById("chatbutton").className = "float";

View File

@ -249,6 +249,14 @@ button.hint {
visibility: hidden;
}
#popOutChat{
cursor:pointer;
text-align:right;
color:#B3C7F9;
margin:5px;
cursor: pointer;
}
/* Clicked buttons overwrite */
.red {
background-color: #840000 !important;
@ -3353,6 +3361,7 @@ div#chatBody a {
z-index: 3;
margin-bottom: 65px;
gap: 0px 5px;
pointer-events: auto;
}
#chatInput {
color: #000;