1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-07-31 13:44:28 +03:00

Improve _FilePanel.scss (#9031)

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara
2022-07-13 05:09:09 +00:00
committed by GitHub
parent a269e3ebad
commit 9b8b8763f7

View File

@ -71,8 +71,15 @@ limitations under the License.
.mx_MFileBody_download {
padding-top: $spacing-8;
display: flex;
justify-content: space-between;
font-size: $font-14px;
color: $event-timestamp-color;
.mx_MImageBody_size {
font-size: $font-14px;
text-align: right;
white-space: nowrap;
}
}
.mx_MFileBody_downloadLink {
@ -80,43 +87,27 @@ limitations under the License.
color: $light-fg-color;
}
.mx_MImageBody_size {
flex: 1 0 0;
font-size: $font-14px;
text-align: right;
white-space: nowrap;
}
// anchor link as wrapper
.mx_EventTile_senderDetailsLink {
text-decoration: none;
.mx_DisambiguatedProfile {
flex: 1 1 auto;
line-height: initial;
opacity: 1.0;
color: $event-timestamp-color;
}
.mx_EventTile_senderDetails {
display: flex;
justify-content: space-between;
margin-top: -2px;
.mx_MessageTimestamp {
flex: 1 0 0;
text-align: right;
visibility: visible;
position: initial;
font-size: $font-14px;
opacity: 1.0;
.mx_DisambiguatedProfile {
color: $event-timestamp-color; // for ellipsis. Color of displayName and mxid is inherited
}
.mx_MessageTimestamp {
text-align: right;
font-size: $font-14px;
}
}
}
}
/* Overides for the sender details line */
.mx_EventTile_senderDetails {
display: flex;
margin-top: -2px;
}
.mx_EventTile_senderDetailsLink {
text-decoration: none;
}
/* Overrides for the wrappers around the body tile */
.mx_EventTile_line {
margin-inline-end: 0;
padding-inline-start: 0;