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

remove the grey gradient on images in bubbles in the timeline #9241

Merged
merged 2 commits into from
Sep 8, 2022
Merged

remove the grey gradient on images in bubbles in the timeline #9241

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7a01f8a
remove the grey gradient on images in the timeline
ara4n Sep 3, 2022
ad2c1b5
put a lozenge on the timestamp rather than evil gradient
ara4n Sep 4, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 5 additions & 15 deletions res/css/views/rooms/_EventBubbleTile.pcss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -292,23 +292,13 @@ 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;
border-radius: $timeline-image-border-radius;
/* Hardcoded colours because it's the same on all themes */
background-color: rgba(0, 0, 0, 0.6);
color: #ffffff;
padding: 0px 4px 0px 4px;
}
}
}
Expand Down