ui: convert the dismiss link to a 3-dots dropdown menu

This commit is contained in:
Florent Bervas 2024-08-09 08:48:01 +00:00
parent 18991c7f04
commit 15a932f969
2 changed files with 14 additions and 10 deletions

View file

@ -926,18 +926,14 @@ input[type="radio"]:checked::before {
font-size: 70%;
}
.search-warning-separator {
.search-warning-menu {
float: right;
height: 21px;
border-right: solid;
border-width: 1px;
margin-right: 10px;
opacity: 0.2;
color: #000;
background-color: #f39c12;
}
.search-warning-dismiss {
font-weight: bold;
color: #fff;
opacity: 0.8;
text-align: center;
}

View file

@ -177,9 +177,17 @@
<i class="fas fa-exclamation-triangle faa-pulse animated"></i>
<strong>{{ trans('general.notification_warning') }}: </strong>
{{ $message }}
<div class="search-warning-separator"></div>
<div class="pull-right btn btn-xs search-warning-dismiss">
{{ trans('general.notification_search_warning') }}
<div class="btn-group dropleft search-warning-menu">
<button class="btn btn-default dropdown-toggle close" data-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-ellipsis-vertical"></i>
</button>
<ul class="dropdown-menu alert-warning pull-right">
<li class="text-center">
<div class="btn btn-xs search-warning-dismiss">
{{ trans('general.notification_search_warning') }}
</div>
</li>
</ul>
</div>
</div>
</div>