imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
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