rzerres/element-call
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #2569 from robintown/horizontal-overflow

Browse Source 
Fix long call names overflowing the interface
This commit is contained in:
Robin
2024-08-16 16:41:15 -04:00
committed by GitHub
parent f562cc1e7f e2c4eae67b
commit 61bc4dcc14
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/Header.module.css
View File

@@ -90,6 +90,7 @@ limitations under the License.
.nameLine { .nameLine {
grid-area: name; grid-area: name;
flex-grow: 1; flex-grow: 1;
min-width: 0;
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--cpd-space-1x); gap: var(--cpd-space-1x);
@@ -97,8 +98,6 @@ limitations under the License.
.nameLine > h1 { .nameLine > h1 {
margin: 0; margin: 0;
/* XXX I can't actually get this ellipsis overflow to trigger, because
constraint propagation in a nested flexbox layout is a massive pain */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }

1
src/room/InCallView.module.css
View File

@@ -19,6 +19,7 @@ limitations under the License.
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
} }