Prevent the banner text from being selected, replacing the spacing values with the variable (#8756)

This commit is contained in:
Suguru Hirahara 2022-06-05 06:30:29 +00:00 committed by GitHub
parent 323e911fe7
commit dc1f53b6e9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -19,12 +19,12 @@ $timeline-image-border-radius: 8px;
.mx_MImageBody_banner { .mx_MImageBody_banner {
position: absolute; position: absolute;
bottom: 4px; bottom: $spacing-4;
left: 4px; left: $spacing-4;
padding: 4px; padding: $spacing-4;
border-radius: $timeline-image-border-radius; border-radius: $timeline-image-border-radius;
font-size: $font-15px; font-size: $font-15px;
user-select: none; // prevent banner text from being selected
pointer-events: none; // let the cursor go through to the media underneath pointer-events: none; // let the cursor go through to the media underneath
// Trying to match the width of the image is surprisingly difficult, so arbitrarily break it off early. // Trying to match the width of the image is surprisingly difficult, so arbitrarily break it off early.