Skip to content

Conversation

@codecaaron
Copy link
Contributor

Overview

Time for some magic.

  • Uses headerHeight variable.

PR Checklist

  • Related to designs:
  • Related to JIRA ticket: ABC-123
  • I have run this code to verify it works
  • This PR includes unit tests for the code change

@codecaaron codecaaron requested a review from a team as a code owner March 5, 2021 02:01
@codecaaron codecaaron requested review from christian-dinh, dreamwasp, jakemhiller, katiezutter and saghdaey and removed request for a team March 5, 2021 02:01
@codecov
Copy link

codecov bot commented Mar 5, 2021

Codecov Report

Merging #1469 (bf16782) into main (6e91931) will increase coverage by 0.00%.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##             main    #1469   +/-   ##
=======================================
  Coverage   83.27%   83.27%           
=======================================
  Files         336      336           
  Lines        2774     2775    +1     
  Branches      712      712           
=======================================
+ Hits         2310     2311    +1     
  Misses        412      412           
  Partials       52       52           
Impacted Files Coverage Δ
...gamut-labs/src/experimental/GlobalHeader/index.tsx 100.00% <100.00%> (ø)

<>
<Box
display={{ base: 'none', md: 'block' }}
height={theme.elements.headerHeight}
Copy link
Contributor

Choose a reason for hiding this comment

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

wowowow!! wait did @katiezutter know you were working on this

Copy link
Contributor

Choose a reason for hiding this comment

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

😱

Copy link
Contributor

@saghdaey saghdaey left a comment

Choose a reason for hiding this comment

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

b-e-a-utiful

Copy link
Contributor

@katiezutter katiezutter left a comment

Choose a reason for hiding this comment

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

This seriously made my day 🙌

Copy link
Contributor

@christian-dinh christian-dinh left a comment

Choose a reason for hiding this comment

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

hell yea 🔥

I guess I can just close https://github.com/Codecademy/client-modules/pull/1417 then?

@codecaaron
Copy link
Contributor Author

hell yea 🔥

I guess I can just close #1417 then?

If you still are gonna use the utility you can just pull this one into that and we can get these headers ANIMATED :)

Copy link
Contributor

@dreamwasp dreamwasp left a comment

Choose a reason for hiding this comment

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

🔥

@codecaaron codecaaron added the Ship It :shipit: Automerge this PR when possible label Mar 5, 2021
@codecademydev
Copy link
Collaborator

📬Published Alpha Packages:

@codecademy/gamut-kit@0.2.2-alpha.bf1678.0
@codecademy/gamut-labs@10.5.1-alpha.bf1678.0
@codecademy/styleguide@30.1.1-alpha.bf1678.0

@github-actions github-actions bot merged commit d4ac678 into main Mar 5, 2021
@github-actions github-actions bot deleted the ar-use-header-var branch March 5, 2021 19:39
@github-actions github-actions bot removed the Ship It :shipit: Automerge this PR when possible label Mar 5, 2021
@codecademydev
Copy link
Collaborator

🚀 Styleguide deploy preview ready!

https://604288f986e17323119ba350--gamut-preview.netlify.app

Deploy Logs

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.

7 participants