imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove 100% min-width hack from mx_GenericEventListSummary[data-layout=bubble][data-expanded=false] (#8992)

Browse source
This commit is contained in:
Suguru Hirahara 2022-07-06 10:16:24 +00:00 • committed by GitHub
parent 6f21a155a4
commit 2706f14456
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

7
res/css/views/elements/_GenericEventListSummary.scss
View file

@ -43,8 +43,8 @@ limitations under the License.
&[data-expanded=false] {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 49px; // Align with left edge of bubble tiles
justify-content: space-between;
column-gap: 5px;
}
// ideally we'd use display=contents here for the layout to all work regardless of the *ELS but
@ -68,15 +68,14 @@ limitations under the License.
.mx_GenericEventListSummary_toggle {
margin-block: 0;
margin-inline-end: 55px;
&[aria-expanded=false] {
order: 9;
margin-inline-start: 5px;
}
&[aria-expanded=true] {
margin-inline-start: auto; // reduce clickable area
margin-inline-end: var(--EventTile_bubble-margin-inline-end); // as the parent has zero margin
}
}