LogalDeveloper/owncast
0
Fork 0
Code Activity

hide user name in user dropdown on mobile (#2512)

Browse Source 
* hide user name in user dropdown on mobile

* truncate title in header

* prettify code

* Add line height to prevent cutting of lower length letters
This commit is contained in:
André Rusakow
2022-12-26 23:09:52 +01:00
committed by GitHub
parent 7c91099461
commit 53d3a67533
4 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/ui/Header/Header.module.scss
View File

@@ -33,7 +33,9 @@
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 90%;
width: 70vw;
overflow: hidden;
line-height: 1.4;
}
}
}

2
web/components/ui/Header/Header.tsx
View File

@@ -23,7 +23,7 @@ export const Header: FC<HeaderComponentProps> = ({
<div id="header-logo" className={styles.logoImage}>
<OwncastLogo variant="contrast" />
</div>
<h1 className={styles.title} id="global-header-text">
<h1 className={styles.title} id="global-header-text" title={name}>
{name}
</h1>
</div>