Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Commit

Permalink
remove the grey gradient on images in the timeline
Browse files Browse the repository at this point in the history
given we now show timestamps with a nice lozenge overlay,
so the gradient is unnecessary and just screws up the image.

fixes element-hq/element-web#21651
  • Loading branch information
ara4n committed Sep 3, 2022
1 parent 219f4fa commit 7a01f8a
Showing 1 changed file with 1 addition and 15 deletions.
16 changes: 1 addition & 15 deletions res/css/views/rooms/_EventBubbleTile.pcss
Original file line number Diff line number Diff line change
Expand Up @@ -292,23 +292,9 @@ limitations under the License.
}

/* we put the timestamps for media (other than stickers) atop the media */
/* for images we also apply a linear gradient and change the timestamp colour to aid readability */
&.mx_EventTile_image {
.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;
pointer-events: none;
color: #ffffff; /* regardless of theme */
}
}
}
Expand Down

0 comments on commit 7a01f8a

Please sign in to comment.