mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make lightbox buttons smaller

Browse source
This commit is contained in:
Fedor Indutny 2023-05-02 06:54:01 -07:00 committed by Josh Perez
parent 00349b5b33
commit a02fdc9049
1 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
stylesheets/components/Lightbox.scss
View file

@ -189,13 +189,12 @@
&__nav-next, &__nav-next,
&__nav-prev { &__nav-prev {
--height: 224px;
position: absolute; position: absolute;
top: 0; top: calc(50% - var(--height) / 2);
display: flex;
flex-direction: column;
width: 25%; width: 25%;
height: 100%; max-width: 96px;
justify-content: center; height: var(--height);
// We need this so that the buttons stack above the container // We need this so that the buttons stack above the container
z-index: $z-index-above-base; z-index: $z-index-above-base;
@ -332,8 +331,6 @@
&--next { &--next {
width: 100%; width: 100%;
height: 100%; height: 100%;
max-width: 96px;
max-height: 224px;
opacity: 0; opacity: 0;
transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;