diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss index d0cb8d24501..6b0f11ea231 100644 --- a/res/css/views/rooms/_EventBubbleTile.scss +++ b/res/css/views/rooms/_EventBubbleTile.scss @@ -279,9 +279,15 @@ limitations under the License. } &:not(.mx_EventTile_noBubble) .mx_EventTile_line:not(.mx_EventTile_mediaLine) { - padding: var(--gutterSize); + // make the top and bottom padding 1px smaller so that we can pad .mx_EventTile_content by 1px + // to avoid anti-zalgo cutting off our larger than text emojis. + padding: calc(var(--gutterSize) - 1px); padding-right: 60px; // space for the timestamp background: var(--backgroundColor); + + .mx_EventTile_content { + padding: 1px; + } } &.mx_EventTile_continuation[data-self=false] .mx_EventTile_line { diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss index 204b11219d4..2afc3efce46 100644 --- a/res/css/views/rooms/_IRCLayout.scss +++ b/res/css/views/rooms/_IRCLayout.scss @@ -25,7 +25,6 @@ $irc-line-height: $font-18px; line-height: $irc-line-height !important; .mx_EventTile { - // timestamps are links which shouldn't be underlined > a { text-decoration: none; @@ -111,6 +110,8 @@ $irc-line-height: $font-18px; .mx_TextualEvent, .mx_MTextBody { display: inline-block; + // add a 1px padding top and bottom because our larger emoji font otherwise gets cropped by anti-zalgo + padding: 1px 0; } }