Notification button fix

This commit is contained in:
lindenkron 2023-04-12 23:53:46 +02:00
parent e6dc40fc38
commit 0a24ee1dfc
2 changed files with 17 additions and 13 deletions

6
lib.js
View File

@ -10612,7 +10612,7 @@ function toggleChat(event = null) { // TODO: I need to have this be MUTE, toggle
if (getById("chatNotification").value) { if (getById("chatNotification").value) {
getById("chatNotification").value = 0; getById("chatNotification").value = 0;
} }
getById("chatNotification").classList.remove("notification"); getById("chatNotification").classList.remove("notification", "red");
} }
function directorAdvanced(ele) { function directorAdvanced(ele) {
@ -22817,7 +22817,7 @@ function addDownloadLink(fileList, UUID, pc){
} else { } else {
getById("chatNotification").value = 1; getById("chatNotification").value = 1;
} }
getById("chatNotification").classList.add("notification"); getById("chatNotification").classList.add("notification", "red");
} }
//if (session.broadcastChannel !== false) { //if (session.broadcastChannel !== false) {
@ -29553,7 +29553,7 @@ function getChatMessage(msg, label = false, director = false, overlay = false) {
} else { } else {
getById("chatNotification").value = 1; getById("chatNotification").value = 1;
} }
getById("chatNotification").classList.add("notification"); getById("chatNotification").classList.add("notification", "red");
} }

View File

@ -1152,16 +1152,15 @@ hr {
} }
.notification { .notification {
position: relative; position: absolute;
top: -40px; top: -4px;
right: -33px; right: -4px;
padding: 2px 0; padding: 2px 0;
border-radius: 50%; border-radius: 50%;
background: red; color: white;
color: white; width: 11px;
width: 11px; height: 11px;
height: 11px; margin: 0;
margin: 0;
} }
.queueNotification { .queueNotification {
position: relative; position: relative;
@ -1266,6 +1265,11 @@ button.glyphicon-button.active.focus {
border-radius: 4px; border-radius: 4px;
} }
/* Set for the notification button to use as offset */
#chatbutton {
position: relative;
}
#container.vidcon { #container.vidcon {
height:100%; height:100%;