Improve _FilePanel.scss (#9031)

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/28217/head
Suguru Hirahara 2022-07-13 05:09:09 +00:00 committed by GitHub
parent a269e3ebad
commit 9b8b8763f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 32 deletions

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;