diff --git a/src/App.tsx b/src/App.tsx index 72db243..b2d4080 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -117,7 +117,7 @@ function App() { -
+
diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 17a9f60..b27980a 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -9,7 +9,6 @@ import { KebabHorizontalIcon } from '@primer/octicons-react' -import { SectionT } from './Section' import LanguagePicker from './LanguagePicker' import SearchInput from './SearchInput' import SidebarNav from './SidebarNav' @@ -17,13 +16,10 @@ import styles from './Header.module.scss' import { withTranslation } from 'react-i18next' type Props = { - sections: Array - startPageMenuName: String t?: any } -const Header = (props: Props) => { - +const Header = ({ t }: Props) => { const [scroll, setScroll] = useState(false) const [isSidebarOpen, setIsSidebarOpen] = useState(false) const openSidebar = useCallback(() => setIsSidebarOpen(true), []) @@ -138,7 +134,6 @@ const Header = (props: Props) => { role='banner' aria-label='Main' > -
{ > SidebarNav Header - + diff --git a/src/components/SidebarNav.tsx b/src/components/SidebarNav.tsx index 74fa214..30fffcd 100644 --- a/src/components/SidebarNav.tsx +++ b/src/components/SidebarNav.tsx @@ -88,7 +88,7 @@ function SidebarNav(props: Props) {
diff --git a/src/index.scss b/src/index.scss index 3d0f887..6c04ee8 100644 --- a/src/index.scss +++ b/src/index.scss @@ -27,44 +27,9 @@ html { font-family: sans-serif; - - - /* TODO: think about scrollbar design - scrollbar-color: var(--color-primary) var(--color-primary-light); - scrollbar-width: thin; - - &::-webkit-scrollbar { - width: 4px; - } - - &::-webkit-scrollbar-track { - background: var(--color-primary-light); - &:hover { - background: brightness(var(--lightness)); - } - } - - &::-webkit-scrollbar-thumb { - background: var(--color-primary); - -webkit-border-radius: 5px; - &:hover { - background: brightness(var(--lightness)); - } - } - */ } -body, #root { - margin: 0; - height: 100%; // fixes 100vh on mobile browsers - overflow: hidden; -} - -.App { - min-height: 100vh; // fills available space with footer at the bottom -} - img { max-width: 100%; } @@ -82,6 +47,12 @@ ul, ol { list-style-position:inside; } +.icon { + align-self:center; // height: 100%; + // margin: 0em 1.5em 0em -1.5em; + padding-right: 0.5em; + width: 80px; +} .bg-primary { @@ -91,10 +62,3 @@ ul, ol { .bg-secondary { background-color: var(--color-primary-light) !important; } - -.icon { - align-self:center; // height: 100%; - // margin: 0em 1.5em 0em -1.5em; - padding-right: 0.5em; - width: 80px; -} \ No newline at end of file diff --git a/src/styles/utilities.scss b/src/styles/utilities.scss index 79ffc5f..c875321 100644 --- a/src/styles/utilities.scss +++ b/src/styles/utilities.scss @@ -101,25 +101,6 @@ width: 1px; } -/* Screen Reader Only -------------------------------------------------------------------------------*/ -.skip-button { - width: auto; - height: auto; - clip: auto; - overflow: hidden; - z-index: 101; - padding: 16px; - - &:not(:focus) { - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - height: 1px; - width: 1px; - margin: -1px; - padding: 0px; - } -} /* Responsive display utilities ------------------------------------------------------------------------------*/