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

Don't overlap tile bubbles with timestamps in modern layout (#8908)

Browse source 
* Don't overlap tile bubbles with timestamps in modern layout

* Use timestamp width variable
This commit is contained in:
Robin 2022-06-27 13:40:46 -04:00 committed by GitHub
parent ff4e66517b
commit 5c67ef14ec
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
res/css/views/messages/_EventTileBubble.scss
View file

@ -19,11 +19,17 @@ limitations under the License.
padding: 10px; padding: 10px;
border-radius: 8px; border-radius: 8px;
margin: 10px auto; margin: 10px auto;
max-width: min(90%, 600px); // Reserve space for external timestamps, but also cap the width
max-width: min(calc(100% - 2 * $MessageTimestamp_width), 600px);
box-sizing: border-box; box-sizing: border-box;
display: grid; display: grid;
grid-template-columns: 24px minmax(0, 1fr) min-content min-content; grid-template-columns: 24px minmax(0, 1fr) min-content min-content;
.mx_EventTile[data-layout=bubble] & {
// Timestamps are inside the tile, so the width can be less constrained
max-width: 600px;
}
&::before, &::after { &::before, &::after {
position: relative; position: relative;
grid-column: 1; grid-column: 1;