OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Tidy style rules of TimelineCard up (#8315) 

* .mx_EventTile_line

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* .mx_ReactionsRow

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* .mx_ThreadInfo

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* .mx_EventTile_avatar

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* .mx_MessageTimestamp

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* .mx_EventTile_msgOption

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* &.mx_EventTile_info

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* .mx_GroupLayout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* lint

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/21833/head
Suguru Hirahara 2022-04-14 22:09:10 +00:00 committed by GitHub
parent aa33442983
commit 8da6c98201
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 39 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
res/css/views/right_panel/_TimelineCard.scss
View File

@ -68,21 +68,48 @@ limitations under the License.
margin-left: 36px;
margin-right: 8px;
}
.mx_ThreadInfo {
margin-left: 36px;
margin-right: 0;
max-width: min(calc(100% - 36px), 600px);
}
.mx_EventTile_avatar {
top: 12px;
left: -3px;
}
.mx_MessageTimestamp {
right: -4px;
left: auto;
}
.mx_EventTile_msgOption {
margin-right: 2px;
}
&.mx_EventTile_info {
.mx_EventTile_line {
padding-left: 36px;
}
.mx_EventTile_avatar {
left: 18px;
}
}
}
.mx_EventTile:not([data-layout="bubble"]) .mx_ThreadInfo {
margin-left: 36px;
margin-right: 0;
max-width: min(calc(100% - 36px), 600px);
}
.mx_GroupLayout {
.mx_EventTile {
> .mx_DisambiguatedProfile {
margin-left: 36px;
}
.mx_GroupLayout .mx_EventTile > .mx_DisambiguatedProfile {
margin-left: 36px;
}
.mx_EventTile:not([data-layout="bubble"]) .mx_EventTile_avatar {
top: 12px;
left: -3px;
.mx_EventTile_line {
padding-bottom: 8px;
}
}
}
.mx_CallEvent_wrapper {
@ -93,36 +120,15 @@ limitations under the License.
}
}
.mx_EventTile:not([data-layout="bubble"]) .mx_MessageTimestamp {
right: -4px;
left: auto;
}
.mx_EventTile:not([data-layout="bubble"]) .mx_EventTile_msgOption {
margin-right: 2px;
}
.mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line,
.mx_GenericEventListSummary:not([data-layout=bubble]) > .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {
padding-left: 36px;
}
.mx_GroupLayout .mx_EventTile .mx_EventTile_line {
padding-bottom: 8px;
}
.mx_EventTile_readAvatars {
top: -10px;
}
.mx_EventTile:not([data-layout="bubble"]).mx_EventTile_info .mx_EventTile_line {
padding-left: 36px;
}
.mx_EventTile:not([data-layout="bubble"]).mx_EventTile_info .mx_EventTile_avatar {
left: 18px;
}
.mx_WhoIsTypingTile {
margin-left: -12px; // undo padding on the message list
}