mirror of
https://github.com/xuthus83/pigallery2.git
synced 2025-01-14 14:43:17 +08:00
improving grid photo info box
This commit is contained in:
parent
f1b3a12bc4
commit
42744e3180
@ -1,5 +1,6 @@
|
||||
:host {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
img {
|
||||
@ -88,8 +89,9 @@ img {
|
||||
color: white;
|
||||
font-size: medium;
|
||||
display: table-caption;
|
||||
position: relative;
|
||||
position: absolute;
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
|
||||
transition: transform .3s ease-out, background-color .3s ease-out;
|
||||
|
@ -17,8 +17,7 @@
|
||||
|
||||
<!--Info box -->
|
||||
<div class="info"
|
||||
*ngIf="infoBarVisible"
|
||||
[style.width.px]="container.nativeElement.offsetWidth">
|
||||
*ngIf="infoBarVisible" >
|
||||
<div class="photo-name">{{Title}}</div>
|
||||
|
||||
<div class="photo-position" *ngIf="gridMedia.hasPositionData()">
|
||||
|
Loading…
x
Reference in New Issue
Block a user