ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix select width on mobile

This commit is contained in:
keyan 2023-12-06 13:19:39 -06:00
parent aaa47e9b67
commit 5496fe82e9
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/header.js
View File

@ -220,7 +220,7 @@ function NavItems ({ className, sub, prefix }) {
return ( return (
<> <>
<Nav.Item className={className}> <Nav.Item className={`me-1 ${className}`}>
<SubSelect <SubSelect
sub={sub} prependSubs={PREPEND_SUBS} appendSubs={APPEND_SUBS} noForm sub={sub} prependSubs={PREPEND_SUBS} appendSubs={APPEND_SUBS} noForm
groupClassName='mb-0' groupClassName='mb-0'
@ -308,9 +308,9 @@ export default function Header ({ sub }) {
className={styles.navbarNav} className={styles.navbarNav}
activeKey={topNavKey} activeKey={topNavKey}
> >
<NavItems className='me-1' prefix={prefix} sub={sub} /> <NavItems prefix={prefix} sub={sub} />
<Link href={prefix + '/search'} passHref legacyBehavior> <Link href={prefix + '/search'} passHref legacyBehavior>
<Nav.Link eventKey='search' className='position-relative ms-auto d-flex me-1'> <Nav.Link eventKey='search' className='position-relative me-auto ms-auto me-sm-1 d-flex'>
<SearchIcon className='theme' width={22} height={22} /> <SearchIcon className='theme' width={22} height={22} />
</Nav.Link> </Nav.Link>
</Link> </Link>

2
components/sub-select.module.css
View File

@ -1,5 +1,5 @@
.subSelect { .subSelect {
width: 100px !important; max-width: 120px !important;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis !important; text-overflow: ellipsis !important;