Set common width, white-space, and display values to MessageTimestamp (#8818)
* Add mx_MessageTimestamp to mx_PinnedEventTile_timestamp Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display: block globally to enable the width declaration - Unset display and width value of timestamp on pinned messages card Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply nowrap globally Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * MessageTimestamp on ThreadsList - Remove width setting and add font-size setting Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove redundant font-size declaration from Threadview Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Fix timestamp position of timestamp on ThreadView in IRC layout - GroupLayout is modern layout, not IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove redundant font-size declaration from IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove redundant color setting from timestamp on file panel Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Cancel the default width to set a gap between the event tile line Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply user-select: none globally Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
parent
d4a4eeaf63
commit
78a98415eb
8 changed files with 17 additions and 16 deletions
|
@ -219,11 +219,8 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||
}
|
||||
|
||||
.mx_MessageTimestamp {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
left: 0px;
|
||||
text-align: center;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
&.mx_EventTile_continuation .mx_EventTile_line {
|
||||
|
@ -861,8 +858,8 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||
}
|
||||
|
||||
.mx_MessageTimestamp {
|
||||
max-width: 80px;
|
||||
width: auto;
|
||||
font-size: $font-12px;
|
||||
max-width: var(--MessageTimestamp-max-width);
|
||||
position: initial;
|
||||
}
|
||||
}
|
||||
|
@ -894,10 +891,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||
padding-inline-end: 0;
|
||||
}
|
||||
|
||||
.mx_MessageTimestamp {
|
||||
font-size: $font-10px;
|
||||
}
|
||||
|
||||
// handling for hidden events (e.g reactions) in the thread view
|
||||
&.mx_EventTile_info {
|
||||
padding-top: 0;
|
||||
|
@ -1042,6 +1035,7 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||
|
||||
.mx_MessageTimestamp {
|
||||
top: 2px; // Align with mx_EventTile_content
|
||||
position: absolute; // for IRC layout
|
||||
}
|
||||
|
||||
.mx_EventTile_senderDetails {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue