mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-29 06:43:11 +00:00
You wont belive it
This commit is contained in:
parent
8da2aff265
commit
ffa8a8e1a3
8 changed files with 73 additions and 49 deletions
|
@ -20,7 +20,7 @@
|
|||
max-width: 621px; width: calc(100% - 3.5rem);
|
||||
max-height: 20rem; height: auto; min-height: 10rem;
|
||||
|
||||
position: fixed; z-index: 99999;
|
||||
position: fixed; z-index: 999999999;
|
||||
left: 50%; bottom: -15rem;
|
||||
transform: translateX(-50%) scale(0.5);
|
||||
|
||||
|
@ -42,10 +42,12 @@
|
|||
display: inline;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Worlds shittest workaround to a problem I have no clue how to fix */
|
||||
.flyout-actionbox * {
|
||||
.flyout-actionbox *,
|
||||
.flyout-actionbox * * {
|
||||
width: 100%;
|
||||
}
|
||||
.flyout-actionbox * * {
|
||||
.flyout-actionbox * * * {
|
||||
width: auto;
|
||||
}
|
||||
|
|
|
@ -20,7 +20,7 @@ function flyoutShow(header, description, actionbox) {
|
|||
// Set information in flyout
|
||||
flyoutHeader.textContent = header;
|
||||
flyoutDescription.textContent = description;
|
||||
flyoutActionbox.innerHTML = actionbox;
|
||||
$(flyoutActionbox).html(actionbox);
|
||||
|
||||
// Show the flyout
|
||||
flyoutRoot.style.display = "flex";
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue