Make sure to use mx_DisambiguatedProfile
everywhere (#8121)
* `mx_SenderProfile` -> `mx_DisambiguatedProfile` Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * Delete duplicate Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
parent
fce36ec826
commit
d0f8cfc376
3 changed files with 9 additions and 24 deletions
|
@ -64,7 +64,7 @@ limitations under the License.
|
|||
max-width: min(calc(100% - 36px), 600px);
|
||||
}
|
||||
|
||||
.mx_GroupLayout .mx_EventTile > .mx_SenderProfile {
|
||||
.mx_GroupLayout .mx_EventTile > .mx_DisambiguatedProfile {
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
||||
|
|
|
@ -112,26 +112,11 @@ $left-gutter: 64px;
|
|||
background-color: $header-panel-bg-color;
|
||||
}
|
||||
|
||||
.mx_SenderProfile {
|
||||
color: $primary-content;
|
||||
font-size: $font-14px;
|
||||
display: inline-block; /* anti-zalgo, with overflow hidden */
|
||||
overflow: hidden;
|
||||
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_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;
|
||||
|
@ -331,7 +316,7 @@ $left-gutter: 64px;
|
|||
// on ELS we need the margin to allow interaction with the expand/collapse button which is normally in the RR gutter
|
||||
}
|
||||
|
||||
.mx_SenderProfile {
|
||||
.mx_DisambiguatedProfile {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
@ -876,7 +861,7 @@ $threadInfoLineHeight: calc(2 * $font-12px);
|
|||
left: 0;
|
||||
}
|
||||
|
||||
.mx_SenderProfile {
|
||||
.mx_DisambiguatedProfile {
|
||||
margin-left: var(--leftOffset) !important;
|
||||
flex: 1;
|
||||
margin-right: 12px;
|
||||
|
@ -887,19 +872,19 @@ $threadInfoLineHeight: calc(2 * $font-12px);
|
|||
max-width: calc(100% - 96px);
|
||||
}
|
||||
|
||||
.mx_SenderProfile_displayName,
|
||||
.mx_SenderProfile_mxid {
|
||||
.mx_DisambiguatedProfile_displayName,
|
||||
.mx_DisambiguatedProfile_mxid {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.mx_SenderProfile_displayName {
|
||||
.mx_DisambiguatedProfile_displayName {
|
||||
flex: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.mx_SenderProfile_mxid {
|
||||
.mx_DisambiguatedProfile_mxid {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
|
@ -1020,7 +1005,7 @@ $threadInfoLineHeight: calc(2 * $font-12px);
|
|||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.mx_SenderProfile {
|
||||
.mx_DisambiguatedProfile {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -104,7 +104,7 @@ limitations under the License.
|
|||
padding-top: 0;
|
||||
}
|
||||
|
||||
.mx_SenderProfile {
|
||||
.mx_DisambiguatedProfile {
|
||||
font-size: $font-14px;
|
||||
line-height: $font-17px;
|
||||
|
||||
|
|
Loading…
Reference in a new issue