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

Improve _FilePanel.scss (#9031)

Browse source 
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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

55
res/css/structures/_FilePanel.scss
View file

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