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

Redo expanding

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-01-19 16:35:32 +01:00
parent 45d0270bca
commit 61281a855c
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
2 changed files with 91 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -501,10 +501,12 @@ $left-gutter: 64px;
}
}
.mx_EventTile_content_collapsedCode {
pre {
max-height: 30vh;
}
.mx_EventTile_expandedCodeBlock {
max-height: 100vh;
}
.mx_EventTile_collapsedCodeBlock {
max-height: 30vh;
}
.mx_EventTile:hover .mx_EventTile_body pre,
@ -531,6 +533,35 @@ $left-gutter: 64px;
background-color: $message-action-bar-fg-color;
}
// Inserted adjacent to <pre> blocks, (See TextualBody)
.mx_EventTile_expandButton {
position: absolute;
display: inline-block;
visibility: hidden;
cursor: pointer;
top: 6px;
right: 6px;
width: 19px;
height: 19px;
mask-image: url($copy-button-url);
background-color: $message-action-bar-fg-color;
}
// Inserted adjacent to <pre> blocks, (See TextualBody)
.mx_EventTile_collapseButton {
position: absolute;
display: inline-block;
visibility: hidden;
cursor: pointer;
top: 6px;
right: 6px;
width: 19px;
height: 19px;
mask-image: url($copy-button-url);
background-color: $message-action-bar-fg-color;
}
.mx_EventTile_body .mx_EventTile_pre_container:focus-within .mx_EventTile_copyButton,
.mx_EventTile_body .mx_EventTile_pre_container:hover .mx_EventTile_copyButton {
visibility: visible;