Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Header harmony #1213

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Header harmony #1213

wants to merge 1 commit into from

Conversation

Katrin-kudryash
Copy link
Contributor

@Katrin-kudryash Katrin-kudryash commented Dec 5, 2024

PR includes

  • Feature

Related issues

Resolve #1212

@Katrin-kudryash Katrin-kudryash force-pushed the issues/1212 branch 3 times, most recently from 16eb20e to e7878bc Compare December 19, 2024 08:47
@Katrin-kudryash Katrin-kudryash marked this pull request as ready for review December 19, 2024 08:48
@Katrin-kudryash Katrin-kudryash force-pushed the issues/1212 branch 2 times, most recently from 1c655d3 to 5cff4bf Compare December 26, 2024 07:26
@Katrin-kudryash Katrin-kudryash force-pushed the issues/1212 branch 2 times, most recently from 2b18aea to 2d4fd61 Compare December 27, 2024 07:39
@Katrin-kudryash
Copy link
Contributor Author

Untitled 1

@Katrin-kudryash
Copy link
Contributor Author

/canary

@taskany-sheep-bot
Copy link

Canary available: @taskany/[email protected]


.HeaderNavLink:hover {
color: var(--base-white);
border-color: var(--link0);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this prop doesn't exist in css harmony styles

}

.HeaderNavLink:active {
color: var(--link0);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same

.Link_primary {
color: var(--text-primary);
text-decoration-line: none;
}

.Link_primary:hover {
color: var(--blue-500);
color: var(--link0);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

doesn't exist in harmony

}

.Link_inline {
color: inherit;
text-decoration-line: underline;
font-size: var(--link0);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same

@@ -1,19 +1,29 @@
.Link {
transition: color 200ms ease-in;
font-size: 22px;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why size in pixels not rems?


export const HeaderNavLink: FC<AnchorHTMLAttributes<HTMLAnchorElement>> = ({ className, children, ...props }) => {
return (
<a className={cn(s.HeaderNavLink, className)} {...props}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can use the Link component instead of plain html a element

@Katrin-kudryash Katrin-kudryash force-pushed the issues/1212 branch 6 times, most recently from 8f74065 to 83d2219 Compare December 27, 2024 13:14
@Katrin-kudryash
Copy link
Contributor Author

/canary

@taskany-sheep-bot
Copy link

Canary available: @taskany/[email protected]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Header harmony
3 participants