imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

reuse mx_Pill styles for editor pills to avoid style duplication

Browse source 
the avatar style code is still different though,
as it's implemented differently

This also prevents updating the css variables when not needed,
which caused the avatar to flicker when updating the editor.
This commit is contained in:
Bruno Windels 2019-05-21 12:19:35 +02:00
parent b00a38a1e5
commit 5d184b3f77
2 changed files with 29 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

25
res/css/views/elements/_MessageEditor.scss
View file

@ -34,32 +34,11 @@ limitations under the License.
max-height: 200px;
overflow-x: auto;
span {
display: inline-block;
padding: 0 5px;
border-radius: 4px;
color: white;
}
span.room-pill {
color: $accent-fg-color;
background-color: $rte-room-pill-color;
}
span.user-pill {
color: $primary-fg-color;
background-color: $other-user-pill-bg-color;
}
span.user-pill, span.room-pill {
height: 20px;
line-height: 20px;
border-radius: 16px;
display: inline-block;
span.mx_UserPill, span.mx_RoomPill {
padding-left: 21px;
padding-right: 5px;
position: relative;
// avatar psuedo element
&::before {
position: absolute;
left: 2px;