self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2025-01-10 04:07:35 +02:00
Code Issues Releases Activity

Fixing sorting dropdown alignment. Fixes #580

Browse Source
This commit is contained in:
Patrik J. Braun 2023-01-08 17:59:29 +01:00
parent 853fc2657e
commit d25d3c4aaf
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/frontend/app/ui/gallery/navigator/navigator.gallery.component.css
View File

@ -1,4 +1,4 @@
.container-fluid{
.container-fluid {
background-color: #e9ecef;
}
@ -14,13 +14,12 @@
display: inline-block;
}
.dropdown-menu {
min-width: 13rem;
#sorting-dropdown .dropdown-item.row {
flex-wrap: nowrap;
}
.dropdown-item {
padding: 0.25rem 0.5rem;
padding: 0.25rem 0.25rem;
}
.row {

4
src/frontend/app/ui/gallery/navigator/navigator.gallery.component.html
View File

@ -56,10 +56,10 @@
<button id="button-alignment" dropdownToggle type="button"
class="btn btn-secondary dropdown-toggle"
[ngClass]="{'btn-secondary':sortingService.sorting.value !== DefaultSorting}"
aria-controls="dropdown-alignment"
aria-controls="sorting-dropdown"
[innerHTML]="sortingService.sorting.value | iconizeSorting">
</button>
<ul id="dropdown-alignment" *dropdownMenu class="dropdown-menu dropdown-menu-right"
<ul id="sorting-dropdown" *dropdownMenu class="dropdown-menu dropdown-menu-right"
role="menu" aria-labelledby="button-alignment">
<li class="row dropdown-item" role="menuitem"
*ngFor="let type of sortingMethodsType"