diff --git a/res/css/views/dialogs/_MessageEditHistoryDialog.scss b/res/css/views/dialogs/_MessageEditHistoryDialog.scss index 242605144a6..db9c33bba07 100644 --- a/res/css/views/dialogs/_MessageEditHistoryDialog.scss +++ b/res/css/views/dialogs/_MessageEditHistoryDialog.scss @@ -59,10 +59,10 @@ limitations under the License. } .mx_EventTile_line { - padding-top: 1px; - padding-bottom: 3px; - - line-height: $font-22px; + padding-top: var(--EventTile_group_line-spacing-block-start); + padding-bottom: var(--EventTile_group_line-spacing-block-end); + padding-left: var(--EventTile_group_line-spacing-inline-start); + line-height: var(--EventTile_group_line-line-height); .mx_EventTile_content { margin-right: 0px; diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 7ae672694c5..0e1ddf5da86 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -20,6 +20,10 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss .mx_EventTile { --EventTile_content-margin-inline-end: 34px; // TODO: Use a spacing variable + --EventTile_group_line-spacing-block-start: 1px; + --EventTile_group_line-spacing-block-end: 3px; + --EventTile_group_line-spacing-inline-start: $left-gutter; + --EventTile_group_line-line-height: $font-22px; flex-shrink: 0; @@ -127,8 +131,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss } &[data-layout=group] { - --EventTile_group_line-line-height: $font-22px; - > .mx_DisambiguatedProfile { line-height: $font-20px; margin-left: $left-gutter; @@ -151,9 +153,9 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss .mx_EventTile_line, .mx_EventTile_reply { - padding-top: 1px; - padding-bottom: 3px; - padding-left: $left-gutter; + padding-top: var(--EventTile_group_line-spacing-block-start); + padding-bottom: var(--EventTile_group_line-spacing-block-end); + padding-left: var(--EventTile_group_line-spacing-inline-start); line-height: var(--EventTile_group_line-line-height); }