xuthus/pigallery2
1
0
Fork 0
mirror of https://github.com/xuthus83/pigallery2.git synced 2025-01-14 14:43:17 +08:00
Code Actions Projects Activity

Moving loader animation to the middle and fixing it in dark mode #587 #68 #140

Browse Source
This commit is contained in:
Patrik J. Braun 2023-03-21 09:24:00 +01:00
parent bc81dc8a4a
commit e7ffa5692f
4 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/frontend/app/ui/gallery/gallery.component.css
View File

@ -56,12 +56,18 @@ app-gallery-map {
display: block; display: block;
} }
.spinner-container {
position: absolute;
top: 50%;
max-width: 100%;
width: 100%;
padding: 0;
}
.spinner { .spinner {
margin-top: 50px;
width: 80px; width: 80px;
height: 80px; height: 80px;
background-color: #333; background-color: var(--bs-body-color);
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

3
src/frontend/app/ui/gallery/gallery.component.html
View File

@ -62,8 +62,7 @@
</ng-container> </ng-container>
</div> </div>
<div body class="container" <div body class="container spinner-container"
style="width: 100%; padding:0"
*ngIf="(!ContentWrapper.directory || *ngIf="(!ContentWrapper.directory ||
ContentWrapper.directory.isPartial == true) ContentWrapper.directory.isPartial == true)
&& !ContentWrapper.searchResult && !ContentWrapper.searchResult

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

@ -10,7 +10,7 @@
</li> </li>
</ol> </ol>
<ol *ngIf="!isDirectory" class="mb-0 mt-1 breadcrumb"> <ol *ngIf="isSearch" class="mb-0 mt-1 breadcrumb">
<li class="active"> <li class="active">
<ng-container i18n>Searching for:</ng-container> <ng-container i18n>Searching for:</ng-container>
<strong> {{galleryService.content.value?.searchResult?.searchQuery | searchQuery}}</strong> <strong> {{galleryService.content.value?.searchResult?.searchQuery | searchQuery}}</strong>

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

@ -124,6 +124,10 @@ export class GalleryNavigatorComponent {
return !!this.galleryService.content.value.directory; return !!this.galleryService.content.value.directory;
} }
get isSearch(): boolean {
return !!this.galleryService.content.value.searchResult;
}
get ItemCount(): number { get ItemCount(): number {
const c = this.galleryService.content.value; const c = this.galleryService.content.value;
return c.directory return c.directory