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

Moved both sanity check and fix into one file

Browse source
This commit is contained in:
Michał Gdula 2022-11-05 18:02:54 +00:00
parent 45b79c9c33
commit fa7b2e2eb6
9 changed files with 312 additions and 428 deletions
Download patch file Download diff file Expand all files Collapse all files

68
css/main.css
View file

@ -960,50 +960,20 @@ nav .btn {
content: "";
}
#autofix {
#sanityCheck {
padding: 0;
display: none;
background-color: #121212;
position: relative;
border-radius: 3px;
}
#autofix button {
padding: 0.25rem;
width: 1.5rem;
height: 1.5rem;
position: absolute;
top: 0.25rem;
right: 0.25rem;
display: block;
box-sizing: border-box;
border: none;
border-radius: 3px;
transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1);
background-color: rgba(21, 21, 21, 0.7333333333);
z-index: 2;
}
#autofix button img {
width: 1rem;
display: block;
}
#autofix button:hover {
outline: #E8E3E3 0.2rem solid;
color: #E8E3E3;
cursor: pointer;
}
#autofix-log {
padding: 0.5rem 0.5rem 0 0.5rem;
display: flex;
flex-direction: column;
border-radius: 3px;
opacity: 0;
transform: scale(0.8);
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
#autofix-log > * {
font-family: "JetBrains Mono", monospace;
font-size: 0.9rem;
line-height: 1.1rem;
#sanityCheck > * {
margin: 0 0 0.5rem 0;
}
#sanityCheck > *:last-child {
margin: 0;
}
/*
|-------------------------------------------------------------
@ -1269,6 +1239,28 @@ textarea {
border-radius: 3px;
}
.loading {
-webkit-animation: spin 1.5s ease-in-out infinite;
animation: spin 1.5s ease-in-out infinite;
}
@-webkit-keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*
|-------------------------------------------------------------
| BR / BREAK

13
css/main.scss
View file

@ -298,6 +298,19 @@ textarea {
}
}
.loading {
animation: spin 1.5s ease-in-out infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*
|-------------------------------------------------------------
| BR / BREAK

77
css/scss/_body.scss
View file

@ -994,79 +994,22 @@
}
}
#autofix {
#sanityCheck {
padding: 0;
display: none;
display: flex;
flex-direction: column;
//border-left: $border;
background-color: #121212;
opacity: 0;
transform: scale(0.8);
position: relative;
@if calc($rad - 0.5rem) > 0 {
border-radius: calc($rad - 0.5rem);
} @else {
border-radius: 3px;
}
button {
padding: 0.25rem;
width: 1.5rem; height: 1.5rem;
position: absolute;
top: 0.25rem;
right: 0.25rem;
display: block;
box-sizing: border-box;
border: none;
@if calc($rad - 0.5rem) > 0 {
border-radius: calc($rad - 0.5rem);
} @else {
border-radius: 3px;
}
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);
background-color: $bg-alt;
z-index: +2;
img {
width: 1rem;
display: block;
}
&:hover {
outline: $white 0.2rem solid;
color: $fg;
cursor: pointer;
}
}
}
#autofix-log {
padding: 0.5rem 0.5rem 0 0.5rem;
display: flex; flex-direction: column;
@if calc($rad - 0.5rem) > 0 {
border-radius: calc($rad - 0.5rem);
} @else {
border-radius: 3px;
}
transition: all 0.3s cubic-bezier(.19, 1, .22, 1);
> * {
font-family: $font-code;
font-size: 0.9rem;
line-height: 1.1rem;
margin: 0 0 0.5rem 0;
}
& > *:last-child {
margin: 0;
}
}