Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-06-20 00:50:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

World shittest gallery implementation 😳

Browse source
This commit is contained in:
Michał Gdula 2022-09-23 23:02:59 +00:00
parent 6d3012a4f7
commit e19bab45cd
7 changed files with 273 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

41
css/scss/_body.scss
View file

@ -412,7 +412,48 @@
.selectedImage {
outline: $page-accent solid 0.3rem;
}
.group-name {
@include defaultFont();
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: opacity 0.1s cubic-bezier(.19, 1, .22, 1);
z-index: 6;
opacity: 0;
font-size: 17px;
}
.gallery-group {
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
z-index: 5;
}
.group-item:hover {
& .gallery-group {
backdrop-filter: brightness(0.5);
}
& .nsfw-warning > * {
display: none;
}
}
.group-item:hover .group-name {
opacity: 1;
}
/*
|-------------------------------------------------------------
| profile