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

improving grid photo info box

Browse Source
This commit is contained in:
Patrik J. Braun 2021-04-30 23:55:59 +02:00
parent f1b3a12bc4
commit 42744e3180
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,6 @@
:host { :host {
position: relative; position: relative;
overflow: hidden;
} }
img { img {
@ -88,8 +89,9 @@ img {
color: white; color: white;
font-size: medium; font-size: medium;
display: table-caption; display: table-caption;
position: relative; position: absolute;
padding: 5px; padding: 5px;
width: 100%;
margin-top: 0; margin-top: 0;
transition: transform .3s ease-out, background-color .3s ease-out; transition: transform .3s ease-out, background-color .3s ease-out;

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

@ -17,8 +17,7 @@
<!--Info box --> <!--Info box -->
<div class="info" <div class="info"
*ngIf="infoBarVisible" *ngIf="infoBarVisible" >
[style.width.px]="container.nativeElement.offsetWidth">
<div class="photo-name">{{Title}}</div> <div class="photo-name">{{Title}}</div>
<div class="photo-position" *ngIf="gridMedia.hasPositionData()"> <div class="photo-position" *ngIf="gridMedia.hasPositionData()">