Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Improve _FilePanel.scss #9031

Merged
merged 9 commits into from
Jul 13, 2022
Merged

Improve _FilePanel.scss #9031

Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
6cdda54
Include mx_DisambiguatedProfile and mx_MessageTimestamp
luixxiul Jul 9, 2022
3794a2d
Create space between profile and timestamp
luixxiul Jul 9, 2022
55ecac7
Remove obsolete declarations
luixxiul Jul 9, 2022
83692d2
Include mx_MImageBody_size
luixxiul Jul 9, 2022
b735251
Clarify mx_EventTile_senderDetailsLink works as a wrapper
luixxiul Jul 9, 2022
16bb2fb
Apply color value to child elements of mx_DisambiguatedProfile
luixxiul Jul 9, 2022
55ad1d3
Remove obsolete declaration and a redundant style block
luixxiul Jul 9, 2022
49fb387
Apply color for ellipsis
luixxiul Jul 9, 2022
969e270
Remove declarations for color setting and add a comment
luixxiul Jul 12, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
55 changes: 23 additions & 32 deletions res/css/structures/_FilePanel.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,52 +71,43 @@ 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 {
flex: 1 1 auto;
color: $light-fg-color;
}

.mx_MImageBody_size {
flex: 1 0 0;
font-size: $font-14px;
text-align: right;
white-space: nowrap;
}

.mx_DisambiguatedProfile {
flex: 1 1 auto;
line-height: initial;
opacity: 1.0;
color: $event-timestamp-color;
}

.mx_MessageTimestamp {
flex: 1 0 0;
text-align: right;
visibility: visible;
position: initial;
font-size: $font-14px;
opacity: 1.0;
}
}
// anchor link as wrapper
.mx_EventTile_senderDetailsLink {
text-decoration: none;

/* Overides for the sender details line */
.mx_EventTile_senderDetails {
display: flex;
justify-content: space-between;
margin-top: -2px;

.mx_EventTile_senderDetails {
display: flex;
margin-top: -2px;
}
.mx_DisambiguatedProfile {
color: $event-timestamp-color; // for ellipsis. Color of displayName and mxid is inherited
}

.mx_EventTile_senderDetailsLink {
text-decoration: none;
.mx_MessageTimestamp {
text-align: right;
font-size: $font-14px;
}
}
}
}

/* Overrides for the wrappers around the body tile */

.mx_EventTile_line {
margin-inline-end: 0;
padding-inline-start: 0;
Expand Down