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

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;
margin-left: 2px;
margin-right: 2px;
color: #333;
border: 0;
}
.btn-blog-details:hover {
color: #000;
background-image: linear-gradient(transparent, #ccc);
background-image: linear-gradient(transparent, rgba(var(--bs-body-color-rgb),0.5));
}
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>
<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>
</button>
</div>

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

@ -100,8 +100,8 @@
</div>
<div class="col-10">
<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(5-Rating)" class="oi oi-star text-muted 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-body-tertiary me-1"></span>
</div>
</div>
</div>