Add justified photo grid layout with lazy loading and image dimensions.
This commit is contained in:
parent
3efa217716
commit
687445e414
4 changed files with 147 additions and 3 deletions
|
|
@ -45,6 +45,29 @@ SPDX-License-Identifier: GPL-3.0-or-later
|
|||
background-color: rgba(163, 163, 163, 0.274);
|
||||
}
|
||||
|
||||
/* Gallery - Google Photos style justified grid */
|
||||
#lightgallery {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.photo-item {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.photo-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.photo-item img.photo-private {
|
||||
outline: 5px solid var(--bs-danger);
|
||||
outline-offset: -5px;
|
||||
}
|
||||
|
||||
/* Language selector */
|
||||
.lang-select {
|
||||
border: none;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue