Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-05-22 19:34:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Replaced symlink with local version of Plugins

Browse source
This commit is contained in:
Michał Gdula 2022-08-07 11:02:42 +01:00
parent 9fd86cb3fc
commit dba8379a0c
8 changed files with 265 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

51
Flyout/flyout.css Normal file
View file

@ -0,0 +1,51 @@
.flyout-dim {
width: 100vw; height: 100vh;
display: none;
position: fixed; z-index: 99;
object-position: center;
background-color: #151515aa;
opacity: 0;
transition: opacity 1s cubic-bezier(.19,1,.22,1), filter 1s cubic-bezier(.19,1,.22,1);
}
.flyout {
margin: 0; padding: 0.5rem;
max-width: 621px; width: calc(100% - 3.5rem);
max-height: 20rem; height: auto; min-height: 10rem;
position: fixed; z-index: 99999;
left: 50%; bottom: -15rem;
transform: translateX(-50%) scale(0.5);
background-color: #151515;
color: white;
transition: transform 1s cubic-bezier(.19,1,.22,1), bottom 1s cubic-bezier(.19,1,.22,1);
border-radius: var(--rad);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
}
.flyout-header {
font-size: 20px;
}
.flyout-actionbox {
display: inline;
box-sizing: border-box;
}
/* Worlds shittest workaround to a problem I have no clue how to fix */
.flyout-actionbox * {
width: 100%;
}
.flyout-actionbox * * {
width: auto;
}