Change from collapse to accordion for the notification widget.

This commit is contained in:
Devops 2024-03-17 16:34:21 -07:00
parent dc0566abda
commit bd8942dad3
3 changed files with 32 additions and 63 deletions

View file

@ -1,6 +1,6 @@
name: Fresh
description: 'A Fresh new look for Streams.'
version: 'Version: 0.18'
version: 'Version: 0.20'
credits: 'Development provided by: <a href="https://www.knthost.com/streams">K&T Host - (www.knthost.com)</a>'
author: 'K&T Host'
maintainer:

View file

@ -362,8 +362,7 @@ nav .acpopup {
#notifications i {
font-size: 1.2rem;
}
#notifications .card,
#notifications .collapse {
#notifications .accordion {
width: 100%;
}
@media (max-width: 991px ) {
@ -371,77 +370,47 @@ nav .acpopup {
margin-top: 4rem;
}
}
#notifications .card .list-group-item,
#notifications .collapse .list-group-item {
#notifications .accordion .list-group-item {
padding: 1rem;
}
#notifications .card .list-group-item:hover,
#notifications .collapse .list-group-item:hover {
#notifications .accordion .list-group-item:hover {
background: $overlaybg;
}
#notifications .notifications-textinput-filter {
}
.card #nav-stream-sub,
.card #nav-home-sub,
.card #nav-moderate-sub,
.card #nav-intros-sub,
.card #nav-files-sub,
.card #nav-notify-sub,
.card #nav-forums-sub,
.card #nav-register-sub,
.card #nav-all_events-sub,
.collapse #nav-stream-sub,
.collapse #nav-home-sub,
.collapse #nav-moderate-sub,
.collapse #nav-intros-sub,
.collapse #nav-files-sub,
.collapse #nav-notify-sub,
.collapse #nav-forums-sub,
.collapse #nav-register-sub,
.collapse #nav-all_events-sub {
.accordion #nav-stream-sub,
.accordion #nav-home-sub,
.accordion #nav-moderate-sub,
.accordion #nav-intros-sub,
.accordion #nav-files-sub,
.accordion #nav-notify-sub,
.accordion #nav-forums-sub,
.accordion #nav-register-sub,
.accordion #nav-all_events-sub {
border: $border;
}
.card #nav-stream-sub .list-group-item,
.card #nav-home-sub .list-group-item,
.card #nav-moderate-sub .list-group-item,
.card #nav-intros-sub .list-group-item,
.card #nav-files-sub .list-group-item,
.card #nav-notify-sub .list-group-item,
.card #nav-forums-sub .list-group-item,
.card #nav-register-sub .list-group-item,
.card #nav-all_events-sub .list-group-item,
.collapse #nav-stream-sub .list-group-item,
.collapse #nav-home-sub .list-group-item,
.collapse #nav-moderate-sub .list-group-item,
.collapse #nav-intros-sub .list-group-item,
.collapse #nav-files-sub .list-group-item,
.collapse #nav-notify-sub .list-group-item,
.collapse #nav-forums-sub .list-group-item,
.collapse #nav-register-sub .list-group-item,
.collapse #nav-all_events-sub .list-group-item {
.accordion #nav-stream-sub .list-group-item,
.accordion #nav-home-sub .list-group-item,
.accordion #nav-moderate-sub .list-group-item,
.accordion #nav-intros-sub .list-group-item,
.accordion #nav-files-sub .list-group-item,
.accordion #nav-notify-sub .list-group-item,
.accordion #nav-forums-sub .list-group-item,
.accordion #nav-register-sub .list-group-item,
.accordion #nav-all_events-sub .list-group-item{
border: 0;
background: $subtle_shade;
border-radius: 0 !important;
}
.card #nav-stream-menu,
.card #nav-home-menu,
.card #nav-moderate-menu,
.card #nav-intros-menu,
.card #nav-files-menu,
.card #nav-notify-menu,
.card #nav-forums-menu,
.card #nav-register-menu,
.card #nav-all_events-menu,
.collapse #nav-stream-menu,
.collapse #nav-home-menu,
.collapse #nav-moderate-menu,
.collapse #nav-intros-menu,
.collapse #nav-files-menu,
.collapse #nav-notify-menu,
.collapse #nav-forums-menu,
.collapse #nav-register-menu,
.collapse #nav-all_events-menu {
.accordion #nav-stream-menu,
.accordion #nav-home-menu,
.accordion #nav-moderate-menu,
.accordion #nav-intros-menu,
.accordion #nav-files-menu,
.accordion #nav-notify-menu,
.accordion #nav-forums-menu,
.accordion #nav-register-menu,
.accordion #nav-all_events-menu{
padding: 0.5rem 1rem;
background: $subtle_shade;
}

View file

@ -152,7 +152,7 @@
</div>
<div id="notifications" class="navbar-nav">
{{foreach $notifications as $notification}}
<div class="{{if $display}}card{{else}}collapse{{/if}} {{$notification.type}}-button"{{if $display}} style="display: none;"{{/if}}>
<div class="accordion {{$notification.type}}-button" style="display:none">
<a class="list-group-item list-group-item-action notification-link" href="#" title="{{$notification.title}}" data-bs-target="#nav-{{$notification.type}}-sub" data-bs-toggle="collapse" data-type="{{$notification.type}}">
<i class="fa fa-fw fa-{{$notification.icon}}"></i> {{$notification.label}}
<span class="float-end badge bg-{{$notification.severity}} {{$notification.type}}-update"></span>