mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2025-08-24 07:51:34 +02:00
Code Issues Projects Releases Wiki Activity

Add linear gradient to images in bubble layout (#7521)

Browse Source
This commit is contained in:
Michael Telatynski 2022-01-13 09:32:27 +00:00 committed by GitHub
parent ec6c1b8272
commit db3be7d49e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
res/css/views/rooms/_EventBubbleTile.scss
View File

@ -188,6 +188,24 @@ limitations under the License.
z-index: 3; // above media and location share maps z-index: 3; // above media and location share maps
} }
&.mx_EventTile_mediaLine {
.mx_MessageTimestamp {
color: #ffffff; // regardless of theme, always visible on the below gradient
}
// linear gradient to make the timestamp more visible
.mx_MImageBody::before {
content: "";
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
//noinspection CssReplaceWithShorthandSafely //noinspection CssReplaceWithShorthandSafely
.mx_MImageBody .mx_MImageBody_thumbnail { .mx_MImageBody .mx_MImageBody_thumbnail {
// Note: This is intentionally not compressed because the browser gets confused // Note: This is intentionally not compressed because the browser gets confused