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

Unifying style of the gallery

Browse source 
Fixed HTML and Sass layout
Moved upload and login pages to popups
Added deletion confirmation
This commit is contained in:
Michał Gdula 2023-01-25 15:13:56 +00:00
parent 0414cda5d3
commit bb98701430
44 changed files with 1777 additions and 1631 deletions
Download patch file Download diff file Expand all files Collapse all files

15
gallery/user/themes/default/buttons/btn.scss
View file

@ -1,15 +0,0 @@
.btn {
padding: 0.5rem 1rem;
border-radius: 0.25rem;
border: 1px solid rgba($white100, 0.3);
background-color: rgba($white100, 0);
color: $white100;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
&:active {
border-color: rgba($white100, 1);
color: $white100;
}
}

79
gallery/user/themes/default/buttons/img-tool.scss
View file

@ -1,79 +0,0 @@
.tool-btn {
margin: 0;
padding: 0.5rem;
width: 2.5rem;
height: 2.5rem;
position: relative;
border: none;
background-color: transparent;
color: $white100;
svg {
width: 1.25rem;
height: 1.25rem;
}
&:hover {
cursor: pointer;
color: $green;
.tool-tip {
opacity: 1;
top: -2.5rem;
transform: translateX(calc(-50% + 1.25rem ));
}
}
}
.tool-btn--evil {
color: $red;
span {
color: $red;
}
&:hover {
color: $white100;
}
}
.tool-btn--blu {
color: $blue;
span {
color: $blue;
}
&:hover {
color: $white100;
}
}
.tool-tip {
margin: 0;
padding: 0.5rem 0.75rem;
width: auto;
display: block;
position: absolute;
top: -1.7rem;
left: 0;
transform: translateX(calc(-50% + 1.25rem ));
font-family: $font-body;
font-size: 1rem;
font-weight: 600;
background-color: $black300;
color: $white100;
opacity: 0;
border-radius: $rad;
transition: opacity 0.2s cubic-bezier(.76,0,.17,1), top 0.2s cubic-bezier(.76,0,.17,1);
pointer-events: none;
}

29
gallery/user/themes/default/buttons/jumpUp.sass Normal file
View file

@ -0,0 +1,29 @@
.jumpUp
margin: 0
padding: 0.5rem
width: 2.5rem
height: 2.5rem
position: fixed
bottom: 0.75rem
right: -3rem
display: flex // hidden
justify-content: center
align-items: center
border-radius: 50%
background-color: $black
color: $white
opacity: 0 // hidden
z-index: 2
cursor: pointer
transition: all 0.2s cubic-bezier(.86, 0, .07, 1)
&:hover
background-color: $black
color: $primary

94
gallery/user/themes/default/buttons/pill.sass Normal file
View file

@ -0,0 +1,94 @@
.pill-row
margin: 0
padding: 0
width: 100%
height: auto
display: flex
justify-content: center
align-items: center
gap: 0.5rem
> div
margin: 0
padding: 0
display: flex
background-color: $black
border-radius: $rad
.pill-item
margin: 0
padding: 0.5rem
width: 2.5rem
height: 2.5rem
display: flex
justify-content: center
align-items: center
position: relative
border: none
background-color: transparent
color: $white
svg
width: 1.25rem
height: 1.25rem
&:hover
cursor: pointer
color: $primary
.tool-tip
opacity: 1
top: -2.5rem
transform: translateX(calc(-50% + 1.25rem ))
.pill__critical
color: $critical
span
color: $critical
&:hover
color: $white
.pill__info
color: $info
span
color: $info
&:hover
color: $white
.tool-tip
margin: 0
padding: 0.5rem 0.75rem
width: auto
display: block
position: absolute
top: -1.7rem
left: 0
transform: translateX(calc(-50% + 1.25rem ))
font-size: 1rem
font-weight: 600
background-color: $black2
color: $white
opacity: 0
border-radius: $rad-inner
transition: opacity 0.2s cubic-bezier(.76,0,.17,1), top 0.2s cubic-bezier(.76,0,.17,1)
pointer-events: none

30
gallery/user/themes/default/buttons/up.scss
View file

@ -1,30 +0,0 @@
#topButton {
margin: 0;
padding: 0.5rem;
width: 2.5rem;
height: 2.5rem;
position: fixed;
bottom: 0.75rem;
right: -3rem;
display: flex; // hidden
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: $black300;
opacity: 0; // hidden
z-index: 2;
cursor: pointer;
transition: all 0.2s cubic-bezier(.86, 0, .07, 1);
&:hover {
background-color: $black200;
color: $green;
}
}