Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 13:14:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Apply padding values to event tiles on MessageEditHistoryDialog with variables (#8955)

Browse Source 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-07-01 18:04:53 +09:00 committed by GitHub
parent bf281c1b6b
commit 2468e5830b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
res/css/views/dialogs/_MessageEditHistoryDialog.scss
View File

@ -59,10 +59,10 @@ limitations under the License.
} }
.mx_EventTile_line { .mx_EventTile_line {
padding-top: 1px; padding-top: var(--EventTile_group_line-spacing-block-start);
padding-bottom: 3px; padding-bottom: var(--EventTile_group_line-spacing-block-end);
padding-left: var(--EventTile_group_line-spacing-inline-start);
line-height: $font-22px; line-height: var(--EventTile_group_line-line-height);
.mx_EventTile_content { .mx_EventTile_content {
margin-right: 0px; margin-right: 0px;

12
res/css/views/rooms/_EventTile.scss
View File

@ -20,6 +20,10 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
.mx_EventTile { .mx_EventTile {
--EventTile_content-margin-inline-end: 34px; // TODO: Use a spacing variable --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; flex-shrink: 0;
@ -164,8 +168,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
} }
&[data-layout=group] { &[data-layout=group] {
--EventTile_group_line-line-height: $font-22px;
> .mx_DisambiguatedProfile { > .mx_DisambiguatedProfile {
line-height: $font-20px; line-height: $font-20px;
margin-left: $left-gutter; margin-left: $left-gutter;
@ -188,9 +190,9 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
.mx_EventTile_line, .mx_EventTile_line,
.mx_EventTile_reply { .mx_EventTile_reply {
padding-top: 1px; padding-top: var(--EventTile_group_line-spacing-block-start);
padding-bottom: 3px; padding-bottom: var(--EventTile_group_line-spacing-block-end);
padding-left: $left-gutter; padding-left: var(--EventTile_group_line-spacing-inline-start);
line-height: var(--EventTile_group_line-line-height); line-height: var(--EventTile_group_line-line-height);
} }