This reverts commit 5d28e0533d
.
This commit is contained in:
parent
5d28e0533d
commit
709e6e78d2
12 changed files with 51 additions and 137 deletions
|
@ -1,6 +1,5 @@
|
|||
/*
|
||||
Copyright 2015, 2016 OpenMarket Ltd
|
||||
Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
|
@ -15,18 +14,13 @@ See the License for the specific language governing permissions and
|
|||
limitations under the License.
|
||||
*/
|
||||
|
||||
.mx_DisambiguatedProfile {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
.mx_DisambiguatedProfile_displayName {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mx_DisambiguatedProfile_mxid {
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
margin-left: 5px;
|
||||
opacity: 0.5; // Match mx_TextualEvent
|
||||
}
|
||||
.mx_SenderProfile_displayName {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mx_SenderProfile_mxid {
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
margin-left: 5px;
|
||||
opacity: 0.5; // Match mx_TextualEvent
|
||||
}
|
|
@ -126,7 +126,7 @@ $left-gutter: 64px;
|
|||
max-width: calc(100% - $left-gutter);
|
||||
}
|
||||
|
||||
.mx_DisambiguatedProfile .mx_Flair {
|
||||
.mx_SenderProfile .mx_Flair {
|
||||
opacity: 0.7;
|
||||
margin-left: 5px;
|
||||
display: inline-block;
|
||||
|
@ -141,21 +141,6 @@ $left-gutter: 64px;
|
|||
}
|
||||
}
|
||||
|
||||
.mx_DisambiguatedProfile {
|
||||
color: $primary-content;
|
||||
font-size: $font-14px;
|
||||
display: inline-block; /* anti-zalgo, with overflow hidden */
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
padding-bottom: 0px;
|
||||
padding-top: 0px;
|
||||
margin: 0px;
|
||||
/* the next three lines, along with overflow hidden, truncate long display names */
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
max-width: calc(100% - $left-gutter);
|
||||
}
|
||||
|
||||
&.mx_EventTile_isEditing .mx_MessageTimestamp {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
|
|
@ -19,7 +19,7 @@ $left-gutter: 64px;
|
|||
|
||||
.mx_GroupLayout {
|
||||
.mx_EventTile {
|
||||
> .mx_DisambiguatedProfile {
|
||||
> .mx_SenderProfile {
|
||||
line-height: $font-20px;
|
||||
margin-left: $left-gutter;
|
||||
}
|
||||
|
@ -65,7 +65,7 @@ $left-gutter: 64px;
|
|||
}
|
||||
}
|
||||
|
||||
.mx_DisambiguatedProfile {
|
||||
.mx_SenderProfile {
|
||||
font-size: $font-13px;
|
||||
}
|
||||
|
||||
|
|
|
@ -173,7 +173,7 @@ $irc-line-height: $font-18px;
|
|||
border-left: 0;
|
||||
}
|
||||
|
||||
.mx_DisambiguatedProfile {
|
||||
.mx_SenderProfile {
|
||||
width: var(--name-width);
|
||||
display: flex;
|
||||
order: 2;
|
||||
|
@ -181,14 +181,14 @@ $irc-line-height: $font-18px;
|
|||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
|
||||
> .mx_DisambiguatedProfile_displayName {
|
||||
> .mx_SenderProfile_displayName {
|
||||
width: 100%;
|
||||
text-align: end;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
> .mx_DisambiguatedProfile_mxid {
|
||||
> .mx_SenderProfile_mxid {
|
||||
visibility: collapse;
|
||||
// Override the inherited margin.
|
||||
margin-left: 0;
|
||||
|
@ -196,11 +196,11 @@ $irc-line-height: $font-18px;
|
|||
}
|
||||
}
|
||||
|
||||
.mx_DisambiguatedProfile:hover {
|
||||
.mx_SenderProfile:hover {
|
||||
overflow: visible;
|
||||
z-index: 10;
|
||||
|
||||
> .mx_DisambiguatedProfile_displayName {
|
||||
> .mx_SenderProfile_displayName {
|
||||
overflow: visible;
|
||||
display: inline;
|
||||
background-color: $event-selected-color;
|
||||
|
@ -208,7 +208,7 @@ $irc-line-height: $font-18px;
|
|||
padding-right: 8px;
|
||||
}
|
||||
|
||||
> .mx_DisambiguatedProfile_mxid {
|
||||
> .mx_SenderProfile_mxid {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
background-color: $event-selected-color;
|
||||
|
@ -217,7 +217,7 @@ $irc-line-height: $font-18px;
|
|||
|
||||
.mx_ReplyChain {
|
||||
margin: 0;
|
||||
.mx_DisambiguatedProfile {
|
||||
.mx_SenderProfile {
|
||||
order: unset;
|
||||
max-width: unset;
|
||||
width: unset;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue