Update style rules of MessageTimestamp
(#10780)
* Remove an obsolete variable - `$MessageTimestamp_width_hover` Added by9b54aba4c0
Deprecated5343be7814
* Replace a variable with a custom property - $MessageTimestamp_width * Merge with an existing property in :root rename * Manage the variable on _MessageTimestamp.pcss
This commit is contained in:
parent
36ea338064
commit
9fc4410ee9
6 changed files with 15 additions and 15 deletions
|
@ -295,7 +295,7 @@ $left-gutter: 64px;
|
|||
|
||||
> a {
|
||||
text-decoration: none; /* timestamps are links which shouldn't be underlined */
|
||||
min-width: $MessageTimestamp_width; /* ensure space for EventTile without timestamp */
|
||||
min-width: var(--MessageTimestamp-width); /* ensure space for EventTile without timestamp */
|
||||
}
|
||||
|
||||
> * {
|
||||
|
@ -650,7 +650,7 @@ $left-gutter: 64px;
|
|||
/* add --right-padding value of MessageTimestamp and avatar only */
|
||||
/* stylelint-disable-next-line declaration-colon-space-after */
|
||||
padding-left: calc(
|
||||
var(--name-width) + var(--icon-width) + $MessageTimestamp_width + 2 * var(--right-padding)
|
||||
var(--name-width) + var(--icon-width) + var(--MessageTimestamp-width) + 2 * var(--right-padding)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -1218,7 +1218,8 @@ $left-gutter: 64px;
|
|||
padding-top: 0;
|
||||
|
||||
.mx_EventTile_avatar {
|
||||
left: calc($MessageTimestamp_width + 14px - 4px); /* 14px: avatar width, 4px: align with text */
|
||||
/* 14px: avatar width, 4px: align with text */
|
||||
left: calc(var(--MessageTimestamp-width) + 14px - 4px);
|
||||
z-index: 9; /* position above the hover styling */
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue