Fixing Notifications

This commit is contained in:
Silversthorn 2024-10-06 20:49:33 +02:00
parent 3cab45fd5e
commit 315d009481
2 changed files with 28 additions and 14 deletions

View File

@ -30,30 +30,46 @@ body.sidebar-icon-only .navbar-toggler .mdi-chevron-double-left {
text-transform: none; text-transform: none;
} }
.mw-25 { .vw-40 {
max-width: 25% !important; width: 40vw !important;
} }
.mh-25 { .vh-40 {
max-height: 25% !important; height: 40vh !important;
}
.mw-25 {
max-width: 25% !important;
} }
.mw-50 { .mw-50 {
max-width: 50% !important; max-width: 50% !important;
} }
.mh-50 {
max-height: 50% !important;
}
.mw-75 { .mw-75 {
max-width: 75% !important; max-width: 75% !important;
} }
.mw-80 {
max-width: 80% !important;
}
.mh-25 {
max-height: 25% !important;
}
.mh-50 {
max-height: 50% !important;
}
.mh-75 { .mh-75 {
max-height: 75% !important; max-height: 75% !important;
} }
.mh-80 {
max-height: 80% !important;
}
/**************************************************************/ /**************************************************************/
/**************************************************************/ /**************************************************************/

View File

@ -6,8 +6,8 @@
text-danger text-danger
{% end %} {% end %}
"></i><span id="notif-count" class="badge badge-notify"></span> </a> "></i><span id="notif-count" class="badge badge-notify"></span> </a>
<div class="dropdown-menu dropdown-menu-right navbar-dropdown notif-div" style="width: 40vw; max-height: 80vh;" aria-labelledby="notifDropdown"> <div class="p-0 dropdown-menu dropdown-menu-right navbar-dropdown notif-div vw-40 max-vh-80" aria-labelledby="notifDropdown">
<ul class="pt-3" id="announcements"> <ul class="p-3" id="announcements">
</ul> </ul>
</div> </div>
</li> </li>
@ -104,8 +104,7 @@
$("#notif-count").html(data.length); $("#notif-count").html(data.length);
$("#announcements").html(text); $("#announcements").html(text);
} else { } else {
$("#announcements").html(`<p style='margin-top: 15px;' class='text-center'><i class="fa fa-bell-slash" aria-hidden="true"></i> $("#announcements").html(`<li><p class='my-3 text-center'><i class="fa fa-bell-slash" aria-hidden="true"></i></p></li>`);
</p>`);
$("#notif-count").hide() $("#notif-count").hide()
} }
$(".clear-button").on("click", function (event) { $(".clear-button").on("click", function (event) {
@ -119,8 +118,7 @@
localStorage.setItem("notif-count", notif_count); localStorage.setItem("notif-count", notif_count);
$("#notif-count").html(notif_count); $("#notif-count").html(notif_count);
} else { } else {
$("#announcements").html(`<p style='margin-top: 15px;' class='text-center'><i class="fa fa-bell-slash" aria-hidden="true"></i> $("#announcements").html(`<li><p class='my-3 text-center'><i class="fa fa-bell-slash" aria-hidden="true"></i></p></li>`)
</p>`)
$("#notif-count").html(""); $("#notif-count").html("");
} }