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

Cleanup _ReplyTile.scss

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-07-16 19:26:04 +02:00
parent 376533e709
commit 41d5865dd7
No known key found for this signature in database
GPG key ID: CC823428E9B582FB
1 changed files with 69 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

36
res/css/views/rooms/_ReplyTile.scss
View file

@ -15,10 +15,9 @@ limitations under the License.
*/ */
.mx_ReplyTile { .mx_ReplyTile {
padding-top: 2px;
padding-bottom: 2px;
font-size: $font-14px;
position: relative; position: relative;
padding: 2px 0;
font-size: $font-14px;
line-height: $font-16px; line-height: $font-16px;
&.mx_ReplyTile_audio .mx_MFileBody_info_icon::before { &.mx_ReplyTile_audio .mx_MFileBody_info_icon::before {
@ -38,16 +37,15 @@ limitations under the License.
display: none; display: none;
} }
} }
}
.mx_ReplyTile > a { > a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-decoration: none; text-decoration: none;
color: $primary-fg-color; color: $primary-fg-color;
} }
.mx_ReplyTile .mx_RedactedBody { .mx_RedactedBody {
padding: 4px 0 2px 20px; padding: 4px 0 2px 20px;
&::before { &::before {
@ -58,7 +56,7 @@ limitations under the License.
} }
// We do reply size limiting with CSS to avoid duplicating the TextualBody component. // We do reply size limiting with CSS to avoid duplicating the TextualBody component.
.mx_ReplyTile .mx_EventTile_content { .mx_EventTile_content {
$reply-lines: 2; $reply-lines: 2;
$line-height: $font-22px; $line-height: $font-22px;
@ -72,8 +70,7 @@ limitations under the License.
.mx_EventTile_body.mx_EventTile_bigEmoji { .mx_EventTile_body.mx_EventTile_bigEmoji {
line-height: $line-height !important; line-height: $line-height !important;
// Override the big emoji override font-size: $font-14px !important; // Override the big emoji override
font-size: $font-14px !important;
} }
// Hide line numbers // Hide line numbers
@ -102,22 +99,21 @@ limitations under the License.
} }
} }
.mx_ReplyTile.mx_ReplyTile_info { &.mx_ReplyTile_info {
padding-top: 0; padding-top: 0;
} }
.mx_ReplyTile .mx_SenderProfile { .mx_SenderProfile {
color: $primary-fg-color;
font-size: $font-14px; font-size: $font-14px;
display: inline-block; /* anti-zalgo, with overflow hidden */
overflow: hidden;
cursor: pointer;
padding-left: 0; /* left gutter */
padding-bottom: 0;
padding-top: 0;
margin: 0;
line-height: $font-17px; line-height: $font-17px;
/* the next three lines, along with overflow hidden, truncate long display names */
display: inline-block; // anti-zalgo, with overflow hidden
padding: 0;
margin: 0;
// truncate long display names
overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
}