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

Fix border around keyboard-focused sticker messages

Browse source
This commit is contained in:
Evan Hahn 2021-10-04 17:42:26 -05:00 • committed by GitHub
parent 59f8243a0d
commit 2cf51502a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

38
stylesheets/_modules.scss
View file

@ -328,14 +328,18 @@
position: relative; position: relative;
display: inline-block; display: inline-block;
border-radius: 16px; border-radius: 16px;
padding-right: 12px;
padding-left: 12px;
padding-top: 10px;
padding-bottom: 7px;
min-width: 0px; min-width: 0px;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
// These should match the margins in .module-message__attachment-container.
padding: {
left: 12px;
right: 12px;
top: 10px;
bottom: 7px;
}
@include light-theme { @include light-theme {
border: 1px solid $color-white; border: 1px solid $color-white;
} }
@ -582,7 +586,7 @@
left: -12px; left: -12px;
right: -12px; right: -12px;
top: -10px; top: -10px;
bottom: -10px; bottom: -7px;
} }
line-height: 0; line-height: 0;
@ -3491,7 +3495,6 @@ button.module-conversation-details__action-button {
position: relative; position: relative;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
overflow: hidden;
} }
.module-image--tap-to-play, .module-image--tap-to-play,
@ -3697,17 +3700,20 @@ button.module-conversation-details__action-button {
} }
} }
.module-message:focus .module-message:focus .module-message__container--with-sticker {
.module-message__container--with-sticker $border-radius: 10px;
.module-image__border-overlay {
@include keyboard-mode {
top: 1px;
bottom: 1px;
left: 1px;
right: 1px;
border-radius: 10px;
box-shadow: 0 0 0 3px $color-ultramarine; .module-image__image {
@include keyboard-mode {
border-radius: $border-radius;
}
}
.module-image__border-overlay {
@include keyboard-mode {
border-radius: $border-radius;
box-shadow: 0 0 0 3px $color-ultramarine;
}
} }
} }