-
Notifications
You must be signed in to change notification settings - Fork 63
Conversation
6e01371
to
3b0f1c6
Compare
# Conflicts: # src/locales/po-files/openverse.pot # src/styles/vocabulary.scss
# Conflicts: # src/components/VSourcesTable.vue # src/locales/po-files/openverse.pot # src/styles/vocabulary.scss # tsconfig.json
Storybook and Tailwind configuration previews: Ready Storybook: https://wordpress.github.io/openverse-frontend/1318 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: -29 kB (-2%) Total Size: 1.4 MB
ℹ️ View Unchanged
|
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.
LGTM, just a couple things.
Can we also remove sass/scss entries from the following places, for consistency?
openverse-frontend/nuxt.config.ts
Line 182 in d6775ae
scss: ['./styles/utilities/all.scss'], |
openverse-frontend/jest.config.js
Line 21 in df16c25
'.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': |
- "**.scss" |
Also, the extension page layout is very broken now.
Other than that I couldn't find any issues 🎉
It does look like some of the layout shifted on the sources page and some other pages, but only very slightly. I agree they are minor and can be addressed later if there are discrepancies.
"sass": "^1.49.9", | ||
"sass-loader": "^10.2.1", |
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.
🎉 Yay!!!
It'd be nice to have simple snapshot tests for each of the content pages, like the sources ones. Though now that you've removed the global styles I'm much less worried about them suddenly changing without us noticing! |
# Conflicts: # src/locales/po-files/openverse.pot
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.
Everything looks great to me. Nice work ✨
Wow, I did not expect such an easy approval from you, @panchovm! Thank you! |
I went through comparing the mockups and seeing if nothing is broken 😃 |
@sarayourfriend, I've added the snapshots for content pages. I wonder if I should click on the translation bar 'Close' button for 'rtl' snapshots. The translation banner normally should not change, but if it does, there will be so many snapshots to update! |
@obulat That probably does make sense, you're right. As long as we have tests specifically targeting the translation banner then I think it's a good idea. Once we have the UI state cookie in place we can simplify that as well by not having to click "close" on every test, we can just set the dismissed cookie at the top of the describe block. |
# Conflicts: # src/locales/po-files/openverse.pot
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.
LGTM! I had a weird thing happening where I wasn't able to see the back to top button but I am not able to reproduce it 🤷 Great work! This is such an exciting development.
Fixes
Fixes #774 by @sarayourfriend
Blocked by #1317Description
This PR removes all the legacy style files that used Sass. It also removes
sass
andsass-loader
from dependencies.The Sources page was simplified a little bit, too.
I specifically added you to the reviewers list, @panchovm , because you can see style regressions much faster than anyone else :)
Testing Instructions
Open the app. There should be no drastic changes in the spacing, font sizes, button styles. Any inconsistencies with the mockups can be fixed in later PRs.
Checklist
Update index.md
).main
) or a parent feature branch.Developer Certificate of Origin
Developer Certificate of Origin