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

fix sticky gap on some android devices

Browse Source
This commit is contained in:
keyan 2024-03-28 16:17:05 -05:00
parent d5a018e48d
commit 79b894514b
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/header.module.css
View File

@ -100,3 +100,12 @@
.dropdown>button {
padding-left: 0 !important;
}
.sticky {
position: sticky;
border-bottom: 1px solid var(--theme-toolbarActive);
top: -1px;
padding-top: 1px;
background-color: var(--bs-body-bg);
z-index: 1000;
}

2
components/nav/sticky-bar.js
View File

@ -24,7 +24,7 @@ export default function StickyBar ({ prefix, sub, path, topNavKey, dropNavKey })
return (
<>
<div ref={ref} style={{ position: 'relative', top: '50px' }} />
<div className={styles.hide} style={{ position: 'sticky', borderBottom: '1px solid var(--theme-toolbarActive)', top: '0', backgroundColor: 'var(--bs-body-bg)', zIndex: 1000 }} ref={sticky}>
<div className={classNames(styles.hide, styles.sticky)} ref={sticky}>
<Container className='px-0 d-none d-md-block'>
<Navbar className='py-0'>
<Nav