PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Move timestamps into message bubbles (#7417)

Browse source
This commit is contained in:
Michael Telatynski 2021-12-23 15:48:16 +00:00 committed by GitHub
parent 2430bd7eb4
commit fb74f9a9b4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
res/css/views/rooms/_EventBubbleTile.scss
View file

@ -20,7 +20,7 @@ limitations under the License.
--gutterSize: 11px;
--cornerRadius: 12px;
--maxWidth: 70%;
margin-right: 100px;
margin-right: 60px;
}
.mx_EventTile[data-layout=bubble] {
@ -113,10 +113,6 @@ limitations under the License.
.mx_EventTile_line {
float: right;
border-bottom-left-radius: var(--cornerRadius);
> a {
left: auto;
right: -68px;
}
.mx_MImageBody .mx_MImageBody_thumbnail {
border-bottom-left-radius: var(--cornerRadius);
@ -161,11 +157,13 @@ limitations under the License.
margin: 0 -12px 0 -9px;
border-top-left-radius: var(--cornerRadius);
border-top-right-radius: var(--cornerRadius);
> a {
position: absolute;
padding: 10px 20px;
top: 0;
left: -68px;
padding: 4px 8px;
bottom: 0;
right: 0;
z-index: 1; // above media
}
//noinspection CssReplaceWithShorthandSafely
@ -185,6 +183,7 @@ limitations under the License.
.mx_EventTile_line:not(.mx_EventTile_mediaLine) {
padding: var(--gutterSize);
padding-right: 60px; // space for the timestamp
background: var(--backgroundColor);
}