Skip to content
This repository has been archived by the owner on Jan 8, 2025. It is now read-only.

Commit

Permalink
Revert "style: add navsearch link"
Browse files Browse the repository at this point in the history
This reverts commit d5ed1b6.
  • Loading branch information
TuukkaIkius committed Dec 18, 2023
1 parent 4d3a252 commit 61e5999
Show file tree
Hide file tree
Showing 3 changed files with 4 additions and 55 deletions.
29 changes: 3 additions & 26 deletions components/Header/Header.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -68,36 +68,13 @@

.searchLink {
position: absolute;
& svg {
width: 26px;
height: 26px;
}

&:hover {
color: #651FFF;
}
}
.navSearchMobile {
display:flex;
position: absolute;
right:60px;
height:26px;

@media (--md-scr) {
display: none;
}
}
.magnifier {
display:none;
@media (--md-scr) {
display:block;
}
}
.magnifierMobile {
right: 60px;
top: 12px;
@media (--md-scr) {
display: none;
}
}

.content {
display: flex;
width: 100%;
Expand Down
26 changes: 1 addition & 25 deletions components/Header/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@ import blockBodyScroll from "utils/block-body-scroll";
import HeaderCTA from "./HeaderCTA";
import styles from "./Header.module.css";
import Magnifier from "./assets/magnify.svg?react";
import MagnifierMobile from "./assets/magnify-mobile.svg?react";
import Link from "components/Link";
import {
EventBanner,
Expand Down Expand Up @@ -39,11 +38,6 @@ const Header = () => {
<a href="/" className={styles["logo-link"]}>
<Logo />
</a>
<NavSearch
className={styles.navSearchMobile}
testid="mobile-search"
aria-label="search website"
/>
<HeadlessButton
onClick={toggleNavigaton}
className={styles.hamburger}
Expand All @@ -65,23 +59,5 @@ const Header = () => {
</>
);
};
export const NavSearch = ({
testid,
className,
...props
}: {
testid: string;
className: string;
}) => (
<div {...props} className={className}>
<a
className={styles.searchlink}
href={`https://${HOST}/search/`}
data-testid={testid}
>
<MagnifierMobile className={styles.mobileMagnifier} />
<Magnifier className={styles.magnifier} />
</a>
</div>
);

export default Header;
4 changes: 0 additions & 4 deletions components/Header/assets/magnify-mobile.svg

This file was deleted.

0 comments on commit 61e5999

Please sign in to comment.