Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 05:04:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

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;
border-radius: 8px;
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;
display: grid;
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 {
position: relative;
grid-column: 1;