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

Added options to invite codes

Browse source 
fixed some bugs in sanity check
This commit is contained in:
Michał Gdula 2022-11-08 11:05:09 +00:00
parent c9b81414b0
commit 2443f9b75a
7 changed files with 278 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

48
css/main.css
View file

@ -945,7 +945,7 @@ nav .btn {
color: rgba(0, 0, 0, 0);
position: relative;
}
.btn-code::after {
.btn-code::before {
content: "Hover to show code";
color: #E8E3E3;
position: absolute;
@ -956,10 +956,21 @@ nav .btn {
.btn-code:hover {
color: #E8E3E3;
}
.btn-code:hover::after {
.btn-code:hover::before {
content: "";
}
.btn-code-reg {
width: auto !important;
display: inline-block !important;
}
.btn-code-reg img {
margin: auto 2px;
width: 1.25rem;
height: 1.25rem;
display: block;
}
#sanityCheck {
padding: 0;
display: flex;
@ -1048,6 +1059,7 @@ body * {
.btn {
padding: 0.5rem;
width: 100%;
position: relative;
display: block;
box-sizing: border-box;
font-size: 16px;
@ -1057,11 +1069,43 @@ body * {
border: none;
border-radius: 3px;
transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1);
/*
&::after {
content: "";
position: absolute;
box-sizing: border-box;
width: calc(100% + calc($border-thickness * 4));
height: calc(100% + calc($border-thickness * 4));
top: calc($border-thickness * -2);
left: calc($border-thickness * -2);
z-index: +1;
@if calc($rad - 0.5rem) > 0 {
border-radius: calc($rad - 0.5rem);
} @else {
border-radius: calc(3px * 2);
}
border: $fg $border-thickness solid;
opacity: 0;
transition: all 0.1s ease-in-out;
pointer-events: none;
}
*/
}
.btn:hover {
outline: #E8E3E3 0.2rem solid;
color: #E8E3E3;
cursor: pointer;
/*
&::after {
opacity: 1;
width: calc(100% + calc($border-thickness * 2));
height: calc(100% + calc($border-thickness * 2));
top: calc($border-thickness * -1);
left: calc($border-thickness * -1);
}
*/
}
.btn:where(input[type=file])::-webkit-file-upload-button {
margin: -0.25rem 0.5rem -0.25rem -0.25rem;

35
css/main.scss
View file

@ -68,6 +68,7 @@ body {
width: 100%;
position: relative;
display: block;
box-sizing: border-box;
@ -86,11 +87,45 @@ body {
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);
/*
&::after {
content: "";
position: absolute;
box-sizing: border-box;
width: calc(100% + calc($border-thickness * 4));
height: calc(100% + calc($border-thickness * 4));
top: calc($border-thickness * -2);
left: calc($border-thickness * -2);
z-index: +1;
@if calc($rad - 0.5rem) > 0 {
border-radius: calc($rad - 0.5rem);
} @else {
border-radius: calc(3px * 2);
}
border: $fg $border-thickness solid;
opacity: 0;
transition: all 0.1s ease-in-out;
pointer-events: none;
}
*/
&:hover {
outline: $white 0.2rem solid;
color: $fg;
cursor: pointer;
/*
&::after {
opacity: 1;
width: calc(100% + calc($border-thickness * 2));
height: calc(100% + calc($border-thickness * 2));
top: calc($border-thickness * -1);
left: calc($border-thickness * -1);
}
*/
}
&:where(input[type="file"])::file-selector-button {

18
css/scss/_body.scss
View file

@ -975,7 +975,7 @@
color: #00000000;
position: relative;
&::after {
&::before {
content: "Hover to show code";
color: $fg;
@ -988,12 +988,26 @@
&:hover {
color: $fg;
&::after {
&::before {
content: "";
}
}
}
.btn-code-reg {
width: auto !important;
display: inline-block !important;
img {
margin: auto 2px;
width: 1.25rem;
height: 1.25rem;
display: block;
}
}
#sanityCheck {
padding: 0;