OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

fix avatar position and outline

pull/21833/head
Germain Souquet 2021-07-05 16:22:18 +02:00
parent 19bc44e3fb
commit de875bbe1d
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,7 +17,7 @@ limitations under the License.
.mx_EventTile[data-layout=bubble],
.mx_EventTile[data-layout=bubble] ~ .mx_EventListSummary {
--avatarSize: 32px;
--gutterSize: 7px;
--gutterSize: 11px;
--cornerRadius: 12px;
--maxWidth: 70%;
}
@ -55,9 +55,10 @@ limitations under the License.
background: var(--backgroundColor);
display: flex;
gap: var(--gutterSize);
margin: 0 calc(-2 * var(--gutterSize));
> a {
position: absolute;
left: -33px;
left: -50px;
}
}
@ -66,7 +67,7 @@ limitations under the License.
top: 0;
line-height: 1;
img {
box-shadow: 0 0 0 2px $eventbubble-avatar-outline;
box-shadow: 0 0 0 3px $eventbubble-avatar-outline;
border-radius: 50%;
}
}
@ -89,6 +90,7 @@ limitations under the License.
}
}
.mx_EventTile_avatar {
top: -19px; // height of the sender block
right: calc(-1 * var(--avatarSize));
}