Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 19:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move main JS into its own file

Browse source 
Fix Sass animations
When home button clicked from image view, it'll scroll down automagically
This commit is contained in:
Michał Gdula 2023-01-26 14:43:08 +00:00
parent 34d6dca2a9
commit 792cbd1884
13 changed files with 387 additions and 405 deletions
Download patch file Download diff file Expand all files Collapse all files

7
gallery/user/themes/default/animations.sass
View file

@ -1,13 +1,16 @@
@keyframes imgLoading
0%
background-position: -468px 0
100%
background-position: 468px 0
@keyframes notificationTimeout
0%
left: -100%
opacity: 1
90%
left: 0%
opacity: 1
100%
left: 0%
opacity: 0

9
gallery/user/themes/default/ui/notification.sass
View file

@ -19,7 +19,7 @@
flex-direction: column
gap: 0.3rem
z-index: 70
z-index: 621
.sniffle__notification
margin: 0
@ -27,6 +27,7 @@
width: 450px
height: auto
max-height: 100px
display: flex
flex-direction: row
@ -90,8 +91,9 @@
left: 0px
background-color: $white
opacity: 0
animation: notificationTimeout 4.9s linear
animation: notificationTimeout 5.1s linear
.sniffle__notification--success
@include notification($succes)
@ -110,6 +112,9 @@
transform: scale(1)
.sniffle__notification--hide
margin-bottom: -0.3rem // compensate for gap
max-height: 0 // prevent divs from jumping when removed
opacity: 0
transform: translateX(100%)

16
gallery/user/themes/default/ui/pop-up.sass
View file

@ -28,7 +28,7 @@
backdrop-filter: blur(1rem)
opacity: 0
z-index: 68
z-index: 101
transition: opacity 0.2s ease
@ -224,26 +224,26 @@
@media (max-width: $breakpoint)
.pop-up
width: 100%
height: calc(100vh - 3.5rem)
height: calc(100dvh - 3.5rem)
height: 100vh
height: 100dvh
position: fixed
left: 0
bottom: 3.5rem
bottom: 0
backdrop-filter: blur(0.5rem)
.pop-up-wrapper
width: 100%
width: calc(100vw - 1rem)
max-height: calc(100vh - 1rem)
max-height: calc(100dvh - 1rem)
left: 0
bottom: 0
left: 0.5rem
bottom: 0.5rem
border-radius: $rad
transform: translateY(5rem)
box-shadow: 0px 8px 0px $black2;
//box-shadow: 0px 8px 0px $black2;
.pop-up-content
max-height: 100%