Set 100% max-width to display name on reply tiles (#8867)
This commit is contained in:
@@ -249,6 +249,7 @@ limitations under the License.
|
|||||||
|
|
||||||
.mx_ReplyTile .mx_DisambiguatedProfile {
|
.mx_ReplyTile .mx_DisambiguatedProfile {
|
||||||
display: block;
|
display: block;
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_ReactionsRow {
|
.mx_ReactionsRow {
|
||||||
|
|||||||
@@ -76,6 +76,7 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||||||
> .mx_DisambiguatedProfile {
|
> .mx_DisambiguatedProfile {
|
||||||
line-height: $font-20px;
|
line-height: $font-20px;
|
||||||
margin-left: $left-gutter;
|
margin-left: $left-gutter;
|
||||||
|
max-width: calc(100% - $left-gutter);
|
||||||
}
|
}
|
||||||
|
|
||||||
> .mx_EventTile_avatar {
|
> .mx_EventTile_avatar {
|
||||||
@@ -152,7 +153,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
max-width: calc(100% - $left-gutter);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.mx_EventTile_isEditing .mx_MessageTimestamp {
|
&.mx_EventTile_isEditing .mx_MessageTimestamp {
|
||||||
|
|||||||
@@ -218,7 +218,6 @@ $irc-line-height: $font-18px;
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
.mx_DisambiguatedProfile {
|
.mx_DisambiguatedProfile {
|
||||||
order: unset;
|
order: unset;
|
||||||
max-width: unset;
|
|
||||||
width: unset;
|
width: unset;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user