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

Make the pill on the basic message composer compatible with display name in RTL languages (#8758)

t3chguy/dedup-icons-17oct
Suguru Hirahara 2022-06-05 13:22:44 +00:00 committed by GitHub
parent dc1f53b6e9
commit 4b5816f5c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/views/elements/_Pill.scss
View File

@ -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& {

6
res/css/views/rooms/_BasicMessageComposer.scss
View File

@ -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;