Fix thread summary layout for narrow right panel timeline (#7838)
This commit is contained in:
parent
5e76d988ca
commit
d8ac7cf202
15 changed files with 248 additions and 68 deletions
|
@ -58,6 +58,12 @@ limitations under the License.
|
|||
padding-right: 36px;
|
||||
}
|
||||
|
||||
.mx_EventTile:not([data-layout="bubble"]) .mx_ThreadInfo {
|
||||
margin-left: 36px;
|
||||
margin-right: 0;
|
||||
max-width: min(calc(100% - 36px), 600px);
|
||||
}
|
||||
|
||||
.mx_GroupLayout .mx_EventTile > .mx_SenderProfile {
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
|
|
@ -723,7 +723,7 @@ $left-gutter: 64px;
|
|||
.mx_ThreadInfo {
|
||||
min-width: 267px;
|
||||
max-width: min(calc(100% - 64px), 600px);
|
||||
width: auto;
|
||||
width: fit-content;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
background-color: $system;
|
||||
|
@ -777,6 +777,12 @@ $left-gutter: 64px;
|
|||
}
|
||||
}
|
||||
|
||||
.mx_MessagePanel_narrow .mx_ThreadInfo {
|
||||
min-width: initial;
|
||||
max-width: initial;
|
||||
width: initial;
|
||||
}
|
||||
|
||||
.mx_ThreadInfo_content {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue