mirror of https://github.com/vector-im/riot-web
Make the pill on the basic message composer compatible with display name in RTL languages (#8758)
parent
dc1f53b6e9
commit
4b5816f5c1
|
@ -48,8 +48,8 @@ limitations under the License.
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
.mx_BaseAvatar {
|
.mx_BaseAvatar {
|
||||||
margin-left: -0.3em; // Otherwise the gap is too large
|
margin-inline-start: -0.3em; // Otherwise the gap is too large
|
||||||
margin-right: 0.2em;
|
margin-inline-end: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
a& {
|
a& {
|
||||||
|
|
|
@ -51,7 +51,9 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
|
|
||||||
&.mx_BasicMessageComposer_input_shouldShowPillAvatar {
|
&.mx_BasicMessageComposer_input_shouldShowPillAvatar {
|
||||||
span.mx_UserPill, span.mx_RoomPill, span.mx_SpacePill {
|
span.mx_UserPill,
|
||||||
|
span.mx_RoomPill,
|
||||||
|
span.mx_SpacePill {
|
||||||
user-select: all;
|
user-select: all;
|
||||||
position: relative;
|
position: relative;
|
||||||
cursor: unset; // We don't want indicate clickability
|
cursor: unset; // We don't want indicate clickability
|
||||||
|
@ -66,7 +68,7 @@ limitations under the License.
|
||||||
content: var(--avatar-letter);
|
content: var(--avatar-letter);
|
||||||
width: $font-16px;
|
width: $font-16px;
|
||||||
height: $font-16px;
|
height: $font-16px;
|
||||||
margin-right: 0.24rem;
|
margin-inline-end: 0.24rem;
|
||||||
background: var(--avatar-background), $background;
|
background: var(--avatar-background), $background;
|
||||||
color: $avatar-initial-color;
|
color: $avatar-initial-color;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
Loading…
Reference in New Issue