diff --git a/components/NavBar.js b/components/NavBar.js index 95e4e42f..9d90e5ef 100644 --- a/components/NavBar.js +++ b/components/NavBar.js @@ -37,6 +37,12 @@ const LanguageSelect = styled.select` font-size: inherit; padding: 0; padding-bottom: 6px; + outline: none; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + -o-appearance: none; &:hover { opacity: 1; } @@ -57,7 +63,7 @@ const StyledNavBar = styled.div` background-color: ${(props) => props.$bgColor || props.theme.colors.blue5}; padding-top: 16px; padding-bottom: 20px; - z-index: 999; + z-index: 9999; ` const StyledResponsiveMenu = styled(Box)` @@ -81,6 +87,7 @@ const StyledResponsiveMenu = styled(Box)` display: none; &.visible { + z-index: 999999; display: block; overflow-y: scroll; max-height: 100%; @@ -90,7 +97,6 @@ const StyledResponsiveMenu = styled(Box)` top: 0; right: 0; background: ${(props) => props.theme.colors.gray0}; - z-index: 999; .menuItems { padding-top: ${(props) => props.theme.space[2]}px; diff --git a/components/SharedStyledComponents.js b/components/SharedStyledComponents.js index 82855c01..4aa4d56c 100644 --- a/components/SharedStyledComponents.js +++ b/components/SharedStyledComponents.js @@ -5,7 +5,7 @@ export const StyledSticky = styled.div` position: sticky; top: 0; background: white; -z-index: 100; +z-index: 99; border-bottom: 1px solid ${props => props.theme.colors.gray3}; ` @@ -19,7 +19,7 @@ export const StyledStickySubMenu = styled.div` position: sticky; top: 66px; background: white; -z-index: 100; +z-index: 99; border-bottom: 1px solid ${props => props.theme.colors.gray3}; ` diff --git a/components/findings/FindingDisplay.js b/components/findings/FindingDisplay.js index e95fd4f2..8a7e08a7 100644 --- a/components/findings/FindingDisplay.js +++ b/components/findings/FindingDisplay.js @@ -46,9 +46,9 @@ const FindingDisplay = ({ incident }) => { )} {incident?.start_time && formatLongDate(incident?.start_time, intl.locale)} - {incident?.end_time ? formatLongDate(incident?.end_time, intl.locale) : 'ongoing'} {!!incident?.tags?.length && ( - + {incident.tags.map((tag) => ( - + {tag} ))} diff --git a/pages/countries.js b/pages/countries.js index f87d7132..e7c2eb41 100644 --- a/pages/countries.js +++ b/pages/countries.js @@ -102,7 +102,7 @@ const StyledRegionLink = styled.a` ` const RegionLink = ({ href, label }) => ( - + {label} @@ -164,12 +164,11 @@ const Countries = ({countries}) => { - { error={filteredCountries.length === 0} /> - - - - - - + + + + + + + + diff --git a/pages/domains.js b/pages/domains.js index 9248b6f0..a1d2ef10 100644 --- a/pages/domains.js +++ b/pages/domains.js @@ -98,15 +98,15 @@ const Domains = () => { - - + + { intl.formatMessage({id: 'Domains.Title'}) } {!!sortedAndFilteredData.length && <>({new Intl.NumberFormat().format(sortedAndFilteredData.length)}) } - + debouncedSearchHandler(e.target.value)} diff --git a/pages/findings/index.js b/pages/findings/index.js index 0f2b8e24..4d217883 100644 --- a/pages/findings/index.js +++ b/pages/findings/index.js @@ -23,8 +23,12 @@ const sortOptions = [ const StyledGrid = styled(Box)` display: grid; -grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); +grid-template-columns: 1fr 1fr; gap: 24px; + +@media screen and (max-width: 48em) { + grid-template-columns: 1fr; +} ` const Index = () => { @@ -94,11 +98,11 @@ const Index = () => { )} - - + + {intl.formatMessage({id: 'Findings.Index.Title'}, {amount: sortedAndFilteredData.length})} - + debouncedSearchHandler(e.target.value)} diff --git a/pages/networks.js b/pages/networks.js index 694448de..83f03364 100644 --- a/pages/networks.js +++ b/pages/networks.js @@ -79,15 +79,15 @@ const Networks = () => { - - + + { intl.formatMessage({id: 'Networks.Title'}) } {!!sortedAndFilteredData.length && <>({new Intl.NumberFormat().format(sortedAndFilteredData.length)}) } - + debouncedSearchHandler(e.target.value)}