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

Fix long call names overflowing the interface

Browse Source 
They are now properly truncated with an ellipsis.
This commit is contained in:
Robin
2024-08-16 15:15:51 -04:00
parent f562cc1e7f
commit 1da3fe0731
1 changed files with 1 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;
} }