-
Notifications
You must be signed in to change notification settings - Fork 63
Split VHeader into VHeaderDesktop and VHeaderMobile components #1845
Conversation
Storybook and Tailwind configuration previews: Ready Storybook: https://wordpress.github.io/openverse-frontend/_preview/1845 Please note that GitHub pages takes a little time to deploy newly pushed code, if the links above don't work or you see old versions, wait 5 minutes and try again. You can check the GitHub pages deployment action list to see the current status of the deployments. |
Size Change: -7.81 kB (-1%) Total Size: 810 kB
ℹ️ View Unchanged
|
My comment about toggling between the headers with CSS only applies here too, but once we make a decision on that this looks great. |
410abfc
to
41abdf8
Compare
@obulat could you update the description to include what are intentional changes here, and what are temporary omissions or visual bugs that will be rectified after merge? It's looking really great based on what I think is supposed to be happening but I have a few things I'm not sure about. I think I can give this an approving review after getting some more information. |
I've actually split this PR into several others: VSearchTypeButton (#1860), VFilterButton (#1861) and the cleanup of the components used for the search type popup/modal (#1842). So, I'm converting this PR to draft and will update it after those PRs are done. |
403fd17
to
0259963
Compare
8566b41
to
9ba30c0
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I noticed a small height inconsistency but approving since the goal of the PR (which seems to be about splitting the mobile and desktop headers) is accomplished here.
59f504c
to
0da45e6
Compare
32181de
to
6ddc9b6
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Much simpler, lgtm.
Fixes
Fixes #1830 by @sarayourfriend
Description
This PR creates a two components for search page mobile/desktop headers:
VHeaderMobile
(untillg
) andVHeaderDesktop
.It also removes the remaining components that cause the warning about duplicate components during the Nuxt build (
VMobileMenuModal
,VHeaderFilter
,VHeaderMenu
).This is not creating the actual mobile header or the desktop header according to mockups. The main goal is to remove duplicate and unnecessary components, and to set the basis for future desktop and mobile header implementations.
Testing Instructions
No components break without the
new_header
flag set on. So, the CI passing should be enough.Checklist
Update index.md
).main
) or a parent feature branch.Developer Certificate of Origin
Developer Certificate of Origin