self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2025-03-31 22:05:20 +02:00
Code Issues Releases Activity

Improve blog and lightbox info panel theme #587 #68 #140

Browse Source
This commit is contained in:
Patrik J. Braun 2023-03-14 23:19:04 +01:00
parent b090bd5b24
commit 3082162370
3 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -28,13 +28,11 @@
bottom: 0; bottom: 0;
margin-left: 2px; margin-left: 2px;
margin-right: 2px; margin-right: 2px;
color: #333;
border: 0; border: 0;
} }
.btn-blog-details:hover { .btn-blog-details:hover {
color: #000; background-image: linear-gradient(transparent, rgba(var(--bs-body-color-rgb),0.5));
background-image: linear-gradient(transparent, #ccc);
} }
app-gallery-blog { app-gallery-blog {

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

@ -47,7 +47,7 @@
[mdFiles]="directoryContent.metaFile | mdFiles"></app-gallery-blog> [mdFiles]="directoryContent.metaFile | mdFiles"></app-gallery-blog>
<button class="btn btn-blog-details" (click)="blogOpen=!blogOpen"><span <button class="btn btn-blog-details text-body" (click)="blogOpen=!blogOpen"><span
class="oi oi-chevron-{{blogOpen ? 'top' : 'bottom'}}"></span> class="oi oi-chevron-{{blogOpen ? 'top' : 'bottom'}}"></span>
</button> </button>
</div> </div>

4
src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.html
View File

@ -100,8 +100,8 @@
</div> </div>
<div class="col-10"> <div class="col-10">
<div class="details-main mt-2" [title]="Rating + ' stars'"> <div class="details-main mt-2" [title]="Rating + ' stars'">
<span *ngFor="let stars of [].constructor(Rating)" class="oi oi-star text-dark me-1"></span> <span *ngFor="let stars of [].constructor(Rating)" class="oi oi-star text-body me-1"></span>
<span *ngFor="let stars of [].constructor(5-Rating)" class="oi oi-star text-muted me-1"></span> <span *ngFor="let stars of [].constructor(5-Rating)" class="oi oi-star text-body-tertiary me-1"></span>
</div> </div>
</div> </div>
</div> </div>