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

drop-shadow for lightbox arrows

Browse source
This commit is contained in:
Fedor Indutny 2023-05-23 19:09:48 +02:00 committed by GitHub
parent 39e6d74b3e
commit d84f74ec99
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
images/icons/v3/chevron/chevron-left-white.svg Normal file
View file

@ -0,0 +1 @@
<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.599 3.651a.73.73 0 0 0-1.031 0L5.734 9.484a.73.73 0 0 0 0 1.032l5.834 5.833a.73.73 0 1 0 1.03-1.031L7.282 10 12.6 4.682a.73.73 0 0 0 0-1.03Z" fill="#fff"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 249 B

1
images/icons/v3/chevron/chevron-right-white.svg Normal file
View file

@ -0,0 +1 @@
<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.401 3.651a.73.73 0 0 1 1.031 0l5.834 5.833a.73.73 0 0 1 0 1.032l-5.834 5.833a.73.73 0 1 1-1.03-1.031L12.718 10 7.4 4.682a.73.73 0 0 1 0-1.03Z" fill="#fff"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 249 B

20
stylesheets/components/Lightbox.scss
View file

@ -276,12 +276,6 @@
width: 100%;
}
&:hover {
&::before {
background: $color-white;
}
}
&:focus {
outline: 4px solid $color-ultramarine;
}
@ -327,6 +321,10 @@
&::before {
width: 32px;
height: 32px;
-webkit-filter: drop-shadow(0 0 4px $color-black-alpha-40);
content: '';
display: block;
background-size: 100%;
}
&:hover {
@ -351,10 +349,7 @@
padding-inline-start: 16px;
&::before {
@include color-svg(
'../images/icons/v3/chevron/chevron-left.svg',
$color-gray-05
);
background-image: url('../images/icons/v3/chevron/chevron-left-white.svg');
}
}
@ -363,10 +358,7 @@
padding-inline-end: 16px;
&::before {
@include color-svg(
'../images/icons/v3/chevron/chevron-right.svg',
$color-gray-05
);
background-image: url('../images/icons/v3/chevron/chevron-right-white.svg');
}
}
}