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

Enlarge emoji in composer (#7602)

Browse source
This commit is contained in:
Robin 2022-01-24 07:53:05 -05:00 • committed by GitHub
parent b5d11336f7
commit 6806c2cdca
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 128 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

5
res/css/views/elements/_RichText.scss
View file

@ -86,6 +86,11 @@ a.mx_Pill {
margin-right: 0.24rem;
}
.mx_Emoji {
font-size: 1.8rem;
vertical-align: bottom;
}
.mx_Markdown_BOLD {
font-weight: bold;
}

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

@ -88,6 +88,8 @@ limitations under the License.
.mx_EventTile_line {
width: fit-content;
max-width: 70%;
// fixed line height to prevent emoji from being taller than text
line-height: $font-18px;
}
> .mx_SenderProfile {

7
res/css/views/rooms/_EventTile.scss
View file

@ -233,11 +233,6 @@ $left-gutter: 64px;
overflow-y: hidden;
}
.mx_EventTile_Emoji {
font-size: 1.8rem;
vertical-align: bottom;
}
&.mx_EventTile_selected .mx_EventTile_line,
&:hover .mx_EventTile_line {
border-top-left-radius: 4px;
@ -391,7 +386,7 @@ $left-gutter: 64px;
position: absolute;
}
.mx_EventTile_bigEmoji .mx_EventTile_Emoji {
.mx_EventTile_bigEmoji .mx_Emoji {
font-size: 48px !important;
line-height: 57px;
}

2
res/css/views/rooms/_SendMessageComposer.scss
View file

@ -19,6 +19,8 @@ limitations under the License.
display: flex;
flex-direction: column;
font-size: $font-14px;
// fixed line height to prevent emoji from being taller than text
line-height: calc(1.2 * $font-14px);
justify-content: center;
margin-right: 6px;
// don't grow wider than available space