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

Fix position of message action bar on the info tile on TimelineCard in message bubble layout (#8865)

Browse source
This commit is contained in:
Suguru Hirahara 2022-06-18 14:29:04 +00:00 • committed by GitHub
parent e8f56c26d0
commit edf071acae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
res/css/views/right_panel/_BaseCard.scss
View file

@ -15,11 +15,12 @@ limitations under the License.
*/ */
.mx_BaseCard { .mx_BaseCard {
--BaseCard_padding-inline: $spacing-8;
--BaseCard_EventTile_line-padding-block: 2px; --BaseCard_EventTile_line-padding-block: 2px;
--BaseCard_EventTile-spacing-inline: 36px; // TODO: Use a spacing variable --BaseCard_EventTile-spacing-inline: 36px; // TODO: Use a spacing variable
--BaseCard_header-button-size: 24px; --BaseCard_header-button-size: 24px;
padding: 0 $spacing-8; padding: 0 var(--BaseCard_padding-inline);
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

4
res/css/views/right_panel/_TimelineCard.scss
View file

@ -37,6 +37,10 @@ limitations under the License.
z-index: auto; // enable background color on hover z-index: auto; // enable background color on hover
} }
&.mx_EventTile_info .mx_MessageActionBar {
inset-inline-end: calc($container-gap-width + var(--BaseCard_padding-inline) + 1px); // 1px: border width
}
.mx_ReactionsRow { .mx_ReactionsRow {
position: relative; // display on hover position: relative; // display on hover
} }