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

Remove useless Sass

Browse source 
Fix styling
This commit is contained in:
Michał Gdula 2023-04-09 18:00:10 +00:00
parent ba34a1bb7f
commit 674b3968ae
5 changed files with 21 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

8
gallery/static/sass/components/elements/upload-panel.sass
View file

@ -57,9 +57,9 @@
position: absolute
bottom: 0
left: -25rem
left: -27rem
width: 25rem
width: 27rem
height: 100%
display: flex
@ -67,11 +67,10 @@
gap: 1rem
background-color: RGB($bg-200)
opacity: 0
z-index: +2
transition: left 0.25s cubic-bezier(0.76, 0, 0.17, 1), bottom 0.25s cubic-bezier(0.76, 0, 0.17, 1), opacity 0.25s cubic-bezier(0.76, 0, 0.17, 1)
transition: left 0.25s cubic-bezier(0.76, 0, 0.17, 1), bottom 0.25s cubic-bezier(0.76, 0, 0.17, 1)
#dragIndicator
display: none
@ -197,7 +196,6 @@
.container
left: 0
opacity: 1
@media (max-width: $breakpoint)
.upload-panel

42
gallery/static/sass/components/image-view/fullscreen.sass
View file

@ -1,42 +0,0 @@
.image-fullscreen
margin: 0
padding: 0
width: 100%
height: 100%
height: 100dvh
position: fixed
top: 0
left: 0
display: none
opacity: 0 // hide
background-color: $bg-transparent
z-index: 100
box-sizing: border-box
transition: opacity 0.2s cubic-bezier(.79, .14, .15, .86)
img
margin: auto
padding: 0
width: auto
height: auto
max-width: 100%
max-height: 100%
object-fit: contain
object-position: center
transform: scale(0.8)
transition: transform 0.2s cubic-bezier(.68,-0.55,.27,1.55)
&.active
opacity: 1 // show
img
transform: scale(1)

39
gallery/static/sass/components/image-view/info-tab.sass
View file

@ -1,5 +1,5 @@
.info-container
width: 25rem
width: 27rem
height: 100vh
position: absolute
@ -17,7 +17,7 @@
transition: left 0.3s cubic-bezier(0.76, 0, 0.17, 1)
&.collapsed
left: -25rem
left: -27rem
.info-tab
width: 100%
@ -126,11 +126,6 @@
.link
margin: 0
padding: 0
font-size: 1rem
font-weight: 500
text-align: center
line-height: 1
color: RGB($primary)
@ -150,43 +145,31 @@
border-collapse: collapse
tr
margin: 0
padding: 0
width: 100%
white-space: nowrap
td
padding-bottom: 0.5rem
max-width: 0
font-size: 1rem
font-weight: 400
vertical-align: top
td:first-child
padding-right: 0.5rem
width: 50%
max-width: 0
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
font-size: 1rem
font-weight: 400
td:last-child
padding: 0
width: 50%
max-width: 0
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
font-size: 1rem
font-weight: 400
td.empty-table
opacity: 0.3
white-space: normal
word-break: break-word
tr:last-of-type td
padding-bottom: 0

3
gallery/static/sass/components/image-view/view.sass
View file

@ -1,5 +1,4 @@
@import 'background'
@import 'fullscreen'
@import 'info-tab'
@import 'image'
@ -18,7 +17,7 @@
z-index: 3
.image-block
margin: 0 0 0 25rem
margin: 0 0 0 27rem
padding: 0
width: calc(100% - 25rem)