mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-22 17:25:50 +03:00
Code Issues Projects Releases Packages Wiki Activity

Move styles on TimelineCard out of mx_EventTile:not([data-layout=bubble]) (#8901)

Browse source
This commit is contained in:
Suguru Hirahara 2022-06-26 14:01:28 +00:00 committed by GitHub
parent 7852e168a0
commit 9bbb29a1a2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
res/css/views/right_panel/_TimelineCard.scss
View file

@ -38,6 +38,29 @@ limitations under the License.
position: absolute; // for IRC layout
left: -3px;
}
.mx_EventTile_msgOption {
margin-inline-end: 0;
}
.mx_DisambiguatedProfile,
.mx_ReactionsRow,
.mx_ThreadSummary {
margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
}
.mx_ReplyTile .mx_DisambiguatedProfile {
margin-inline-start: 0;
}
.mx_ReactionsRow {
margin-inline-end: $spacing-8; // See: var(--ThreadView_group_spacing-end) for ReactionsRow on _EventTile.scss
}
.mx_ThreadSummary {
margin-inline-end: 0;
max-width: min(calc(100% - 36px), 600px);
}
}
&[data-layout=bubble] {
@ -65,36 +88,12 @@ limitations under the License.
}
}
.mx_DisambiguatedProfile,
.mx_ReactionsRow,
.mx_ThreadSummary {
margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
}
.mx_ReplyTile .mx_DisambiguatedProfile {
margin-inline-start: 0;
}
.mx_ReactionsRow {
margin-inline-end: $spacing-8; // See: var(--ThreadView_group_spacing-end) for ReactionsRow on _EventTile.scss
}
.mx_ThreadSummary {
margin-right: 0;
max-width: min(calc(100% - 36px), 600px);
}
.mx_MessageTimestamp {
position: absolute; // for modern layout and IRC layout
inset-inline-start: auto;
inset-inline-end: 0;
}
.mx_EventTile_msgOption {
// Override mx_EventTile_msgOption of mx_EventTile:not([data-layout="bubble"])
margin-inline-end: 0;
}
&.mx_EventTile_info {
.mx_EventTile_avatar {
left: 18px;

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

@ -120,6 +120,10 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
inset: 6px 0 0 44px;
}
.mx_EventTile_msgOption {
margin-right: 10px;
}
.mx_ThreadSummary,
.mx_ThreadSummaryIcon {
margin-left: $left-gutter;
@ -260,8 +264,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
Replaces margin-top: -6px. This interacts better with a read
marker being in between. Content overflows. */
height: 1px;
margin-right: 10px;
}
.mx_EventTile_msgOption a {