mirror of
https://codeberg.org/streams/streams.git
synced 2024-09-19 22:35:18 +00:00
Change from collapse to accordion for the notification widget.
This commit is contained in:
parent
dc0566abda
commit
bd8942dad3
3 changed files with 32 additions and 63 deletions
|
@ -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:
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue