interesting
/
go-ethereum
mirror of https://github.com/ethereum/go-ethereum.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

further mobile styling

This commit is contained in:
Paul Wackerow 2022-11-29 18:39:02 -08:00
parent 5d9df5bfd4
commit b95934f292
No known key found for this signature in database
GPG Key ID: BB63E296FE9CAB8D
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/layouts/MobileMenu.tsx
View File

@ -41,6 +41,7 @@ export const MobileMenu: React.FC = () => {
border={BORDER_WIDTH} border={BORDER_WIDTH}
overflow='hidden' overflow='hidden'
direction='column' direction='column'
display={{ md: 'none' }}
> >
<Flex borderBottom={BORDER_WIDTH} justify='flex-end'> <Flex borderBottom={BORDER_WIDTH} justify='flex-end'>
{/* CLOSE ICON */} {/* CLOSE ICON */}

18
src/theme/search.css
View File

@ -42,6 +42,10 @@
} }
/* Algolia search modal styling */ /* Algolia search modal styling */
.DocSearch-Container {
z-index: 1400;
}
.DocSearch-Modal { .DocSearch-Modal {
border-radius: 0; border-radius: 0;
background: var(--chakra-colors-bg); background: var(--chakra-colors-bg);
@ -127,8 +131,8 @@ svg[aria-label="Algolia"] * {
font-size: var(--chakra-fontSizes-md) font-size: var(--chakra-fontSizes-md)
} }
/* Search field in mobile menu */
@media (max-width: 768px) { @media (max-width: 768px) {
/* Search field in mobile menu */
.DocSearch-Button { .DocSearch-Button {
padding: 2rem 1rem; padding: 2rem 1rem;
width: 100%; width: 100%;
@ -145,7 +149,19 @@ svg[aria-label="Algolia"] * {
padding: 2rem 1rem; padding: 2rem 1rem;
} }
.DocSearch-Button:active, .DocSearch-Button:focus, .DocSearch-Button:hover {
background: var(--chakra-colors-primary);
}
.DocSearch-Search-Icon * { .DocSearch-Search-Icon * {
color: var(--chakra-colors-bg); color: var(--chakra-colors-bg);
} }
/* Mobile modal styling */
.DocSearch-Container, .DocSearch-Modal {
position: fixed;
inset: 1rem 1.875rem;
max-width: calc(100vw - 3.75rem);
max-height: calc(100vh - 2rem);
}
} }