PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

fix group layout

Browse source
This commit is contained in:
Germain Souquet 2021-07-14 15:32:35 +02:00
parent 290174b031
commit fc270b435c
2 changed files with 22 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -241,7 +241,7 @@ limitations under the License.
} }
.mx_EventTile { .mx_EventTile {
margin: 0 58px; margin: 0 6px;
} }
.mx_EventTile_line { .mx_EventTile_line {
@ -258,6 +258,10 @@ limitations under the License.
} }
} }
& ~ .mx_EventListSummary[data-expanded=false] {
padding: 0 34px;
}
/* events that do not require bubble layout */ /* events that do not require bubble layout */
& ~ .mx_EventListSummary, & ~ .mx_EventListSummary,
&.mx_EventTile_bad { &.mx_EventTile_bad {

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

@ -106,15 +106,6 @@ $hover-select-border: 4px;
border-radius: 8px; border-radius: 8px;
} }
.mx_RoomView_timeline_rr_enabled,
// on ELS we need the margin to allow interaction with the expand/collapse button which is normally in the RR gutter
.mx_EventListSummary {
.mx_EventTile_line {
/* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */
margin-right: 110px;
}
}
.mx_EventTile_reply { .mx_EventTile_reply {
margin-right: 10px; margin-right: 10px;
} }
@ -309,6 +300,23 @@ $hover-select-border: 4px;
bottom: 0; bottom: 0;
right: 0; right: 0;
} }
.mx_ReactionsRow {
margin: 0;
padding: 6px 60px;
}
}
.mx_RoomView_timeline_rr_enabled {
.mx_EventTile:not([data-layout=bubble]) {
.mx_EventTile_line {
/* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */
margin-right: 110px;
}
}
// on ELS we need the margin to allow interaction with the expand/collapse button which is normally in the RR gutter
} }
.mx_EventTile_bubbleContainer { .mx_EventTile_bubbleContainer {