Skip to content
This repository has been archived by the owner on Feb 22, 2023. It is now read-only.

Remove sass styles and packages #1318

Merged
merged 23 commits into from
May 6, 2022
Merged

Remove sass styles and packages #1318

merged 23 commits into from
May 6, 2022

Conversation

obulat
Copy link
Contributor

@obulat obulat commented Apr 23, 2022

Fixes

Fixes #774 by @sarayourfriend
Blocked by #1317

Description

This PR removes all the legacy style files that used Sass. It also removes sass and sass-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

  • My pull request has a descriptive title (not a vague title like Update index.md).
  • My pull request targets the default branch of the repository (main) or a parent feature branch.
  • My commit messages follow best practices.
  • My code follows the established code style of the repository.
  • I added or updated tests for the changes I made (if applicable).
  • I added or updated documentation (if applicable).
  • I tried running the project locally and verified that there are no visible errors.

Developer Certificate of Origin

Developer Certificate of Origin
Developer Certificate of Origin
Version 1.1

Copyright (C) 2004, 2006 The Linux Foundation and its contributors.
1 Letterman Drive
Suite D4700
San Francisco, CA, 94129

Everyone is permitted to copy and distribute verbatim copies of this
license document, but changing it is not allowed.


Developer's Certificate of Origin 1.1

By making a contribution to this project, I certify that:

(a) The contribution was created in whole or in part by me and I
    have the right to submit it under the open source license
    indicated in the file; or

(b) The contribution is based upon previous work that, to the best
    of my knowledge, is covered under an appropriate open source
    license and I have the right under that license to submit that
    work with modifications, whether created in whole or in part
    by me, under the same open source license (unless I am
    permitted to submit under a different license), as indicated
    in the file; or

(c) The contribution was provided directly to me by some other
    person who certified (a), (b) or (c) and I have not modified
    it.

(d) I understand and agree that this project and the contribution
    are public and that a record of the contribution (including all
    personal information I submit with it, including my sign-off) is
    maintained indefinitely and may be redistributed consistent with
    this project or the open source license(s) involved.

@openverse-bot openverse-bot added the 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work label Apr 23, 2022
@obulat obulat force-pushed the add/sources_table branch from 6e01371 to 3b0f1c6 Compare April 23, 2022 16:12
# Conflicts:
#	src/locales/po-files/openverse.pot
#	src/styles/vocabulary.scss
@obulat obulat added this to the Remove Sass and legacy styles milestone Apr 25, 2022
Base automatically changed from add/sources_table to main May 3, 2022 01:50
# Conflicts:
#	src/components/VSourcesTable.vue
#	src/locales/po-files/openverse.pot
#	src/styles/vocabulary.scss
#	tsconfig.json
@github-actions
Copy link

github-actions bot commented May 3, 2022

Storybook and Tailwind configuration previews: Ready

Storybook: https://wordpress.github.io/openverse-frontend/1318
Tailwind: https://wordpress.github.io/openverse-frontend/1318/tailwind

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.

@github-actions
Copy link

github-actions bot commented May 3, 2022

Size Change: -29 kB (-2%)

Total Size: 1.4 MB

Filename Size Change
./.nuxt/dist/client/app.js 108 kB -14 kB (-12%) 👏
./.nuxt/dist/client/app.modern.js 101 kB -14.2 kB (-12%) 👏
./.nuxt/dist/client/commons/app.js 82.1 kB +1 B (0%)
./.nuxt/dist/client/components/extension-browsers.js 816 B -209 B (-20%) 🎉
./.nuxt/dist/client/components/extension-browsers.modern.js 821 B -211 B (-20%) 🎉
./.nuxt/dist/client/components/loading-icon.modern.js 773 B +2 B (0%)
./.nuxt/dist/client/components/v-all-results-grid.modern.js 3.88 kB -4 B (0%)
./.nuxt/dist/client/components/v-audio-cell.js 341 B -1 B (0%)
./.nuxt/dist/client/components/v-audio-details.js 1.55 kB -2 B (0%)
./.nuxt/dist/client/components/v-audio-details.modern.js 1.56 kB -2 B (0%)
./.nuxt/dist/client/components/v-audio-track-skeleton.modern.js 1 kB -2 B (0%)
./.nuxt/dist/client/components/v-audio-track.js 4.37 kB +2 B (0%)
./.nuxt/dist/client/components/v-audio-track.modern.js 4.36 kB -3 B (0%)
./.nuxt/dist/client/components/v-back-to-search-results-link.js 576 B +1 B (0%)
./.nuxt/dist/client/components/v-back-to-search-results-link.modern.js 580 B +1 B (0%)
./.nuxt/dist/client/components/v-bone.js 682 B -2 B (0%)
./.nuxt/dist/client/components/v-bone.modern.js 687 B -1 B (0%)
./.nuxt/dist/client/components/v-box-layout.js 1.2 kB -1 B (0%)
./.nuxt/dist/client/components/v-box-layout.modern.js 1.19 kB -1 B (0%)
./.nuxt/dist/client/components/v-content-link.js 963 B -1 B (0%)
./.nuxt/dist/client/components/v-content-page.js 460 B -1 B (0%)
./.nuxt/dist/client/components/v-content-page.modern.js 465 B +1 B (0%)
./.nuxt/dist/client/components/v-content-report-button.js 778 B +3 B (0%)
./.nuxt/dist/client/components/v-content-report-button.modern.js 779 B +2 B (0%)
./.nuxt/dist/client/components/v-content-report-form.js 3.77 kB -1 B (0%)
./.nuxt/dist/client/components/v-content-report-popover.modern.js 4.24 kB +1 B (0%)
./.nuxt/dist/client/components/v-copy-button.js 3.94 kB -1 B (0%)
./.nuxt/dist/client/components/v-copy-button.modern.js 3.95 kB -1 B (0%)
./.nuxt/dist/client/components/v-copy-license.js 4.9 kB -4 B (0%)
./.nuxt/dist/client/components/v-copy-license.modern.js 4.83 kB -1 B (0%)
./.nuxt/dist/client/components/v-dmca-notice.js 752 B -1 B (0%)
./.nuxt/dist/client/components/v-error-image.js 2.66 kB +4 B (0%)
./.nuxt/dist/client/components/v-error-image.modern.js 2.62 kB +3 B (0%)
./.nuxt/dist/client/components/v-full-layout.js 1.53 kB +3 B (0%)
./.nuxt/dist/client/components/v-full-layout.modern.js 1.52 kB +4 B (0%)
./.nuxt/dist/client/components/v-grid-skeleton.js 1.64 kB +2 B (0%)
./.nuxt/dist/client/components/v-grid-skeleton.modern.js 1.64 kB +1 B (0%)
./.nuxt/dist/client/components/v-image-cell-square.js 1.01 kB -1 B (0%)
./.nuxt/dist/client/components/v-image-cell-square.modern.js 1.01 kB -1 B (0%)
./.nuxt/dist/client/components/v-image-cell.js 1.39 kB -1 B (0%)
./.nuxt/dist/client/components/v-image-details.js 1.44 kB -2 B (0%)
./.nuxt/dist/client/components/v-image-grid.js 2.43 kB +1 B (0%)
./.nuxt/dist/client/components/v-license-tab-panel.js 926 B +1 B (0%)
./.nuxt/dist/client/components/v-load-more.js 769 B +1 B (0%)
./.nuxt/dist/client/components/v-media-license.js 806 B -3 B (0%)
./.nuxt/dist/client/components/v-media-license.modern.js 814 B -3 B (0%)
./.nuxt/dist/client/components/v-media-reuse.modern.js 1.05 kB +1 B (0%)
./.nuxt/dist/client/components/v-media-tag.modern.js 426 B -1 B (0%)
./.nuxt/dist/client/components/v-meta-search-form.js 2.82 kB -2 B (0%)
./.nuxt/dist/client/components/v-meta-search-form.modern.js 2.79 kB +1 B (0%)
./.nuxt/dist/client/components/v-meta-source-list.js 2.3 kB -2 B (0%)
./.nuxt/dist/client/components/v-meta-source-list.modern.js 2.29 kB +1 B (0%)
./.nuxt/dist/client/components/v-no-results.js 2.5 kB -1 B (0%)
./.nuxt/dist/client/components/v-no-results.modern.js 2.49 kB +2 B (0%)
./.nuxt/dist/client/components/v-radio.modern.js 1.48 kB +1 B (0%)
./.nuxt/dist/client/components/v-related-audio.js 1.25 kB +1 B (0%)
./.nuxt/dist/client/components/v-related-audio.modern.js 1.25 kB -1 B (0%)
./.nuxt/dist/client/components/v-related-images.modern.js 2.47 kB -1 B (0%)
./.nuxt/dist/client/components/v-report-desc-form.modern.js 963 B +1 B (0%)
./.nuxt/dist/client/components/v-row-layout.js 1.8 kB -1 B (0%)
./.nuxt/dist/client/components/v-row-layout.modern.js 1.81 kB +1 B (0%)
./.nuxt/dist/client/components/v-scroll-button.js 778 B -1 B (0%)
./.nuxt/dist/client/components/v-search-grid.js 6.04 kB +2 B (0%)
./.nuxt/dist/client/components/v-search-grid.modern.js 5.96 kB +2 B (0%)
./.nuxt/dist/client/components/v-search-results-title.js 663 B +2 B (0%)
./.nuxt/dist/client/components/v-search-results-title.modern.js 658 B -2 B (0%)
./.nuxt/dist/client/components/v-search-type-radio.js 827 B -2 B (0%)
./.nuxt/dist/client/components/v-search-type-radio.modern.js 821 B -1 B (0%)
./.nuxt/dist/client/components/v-skip-to-content-container.js 901 B -1 B (0%)
./.nuxt/dist/client/components/v-skip-to-content-container.modern.js 904 B -3 B (0%)
./.nuxt/dist/client/components/v-sources-table.js 14.2 kB -115 B (-1%)
./.nuxt/dist/client/components/v-sources-table.modern.js 14.2 kB -114 B (-1%)
./.nuxt/dist/client/components/v-tab.js 2.6 kB +1 B (0%)
./.nuxt/dist/client/components/v-tab.modern.js 2.57 kB -3 B (0%)
./.nuxt/dist/client/components/v-tabs.js 754 B +1 B (0%)
./.nuxt/dist/client/components/v-tabs.modern.js 742 B +1 B (0%)
./.nuxt/dist/client/lang-ar.json.js 251 B +1 B (0%)
./.nuxt/dist/client/lang-ca.json.js 8.81 kB +3 B (0%)
./.nuxt/dist/client/lang-ca.json.modern.js 8.81 kB +1 B (0%)
./.nuxt/dist/client/lang-cor.json.modern.js 154 B -1 B (-1%)
./.nuxt/dist/client/lang-cs.json.js 9.71 kB -1 B (0%)
./.nuxt/dist/client/lang-cy.json.js 9.35 kB +1 B (0%)
./.nuxt/dist/client/lang-da.json.modern.js 8.72 kB -1 B (0%)
./.nuxt/dist/client/lang-de.json.js 9.97 kB -1 B (0%)
./.nuxt/dist/client/lang-en-au.json.js 807 B -2 B (0%)
./.nuxt/dist/client/lang-en-gb.json.modern.js 8.56 kB +1 B (0%)
./.nuxt/dist/client/lang-en-nz.json.modern.js 157 B +1 B (+1%)
./.nuxt/dist/client/lang-en-za.json.modern.js 5.23 kB +1 B (0%)
./.nuxt/dist/client/lang-en.json.js 8.44 kB -1 B (0%)
./.nuxt/dist/client/lang-es-cl.json.modern.js 157 B +1 B (+1%)
./.nuxt/dist/client/lang-es-cr.json.modern.js 157 B +1 B (+1%)
./.nuxt/dist/client/lang-es-ec.json.js 9.12 kB -1 B (0%)
./.nuxt/dist/client/lang-es-ve.json.js 9.12 kB +1 B (0%)
./.nuxt/dist/client/lang-es.json.js 9.31 kB +1 B (0%)
./.nuxt/dist/client/lang-fr.json.modern.js 7.1 kB +1 B (0%)
./.nuxt/dist/client/lang-gl.json.js 9.18 kB +1 B (0%)
./.nuxt/dist/client/lang-nb.json.js 3.37 kB +1 B (0%)
./.nuxt/dist/client/lang-nl.json.js 6.47 kB +1 B (0%)
./.nuxt/dist/client/lang-nl.json.modern.js 6.47 kB +1 B (0%)
./.nuxt/dist/client/lang-pt-br.json.js 5.59 kB +1 B (0%)
./.nuxt/dist/client/lang-sv.json.modern.js 4.93 kB +1 B (0%)
./.nuxt/dist/client/lang-zh-cn.json.js 5.04 kB -1 B (0%)
./.nuxt/dist/client/lang-zh-cn.json.modern.js 5.05 kB -1 B (0%)
./.nuxt/dist/client/lang-zh-tw.json.js 4.1 kB -1 B (0%)
./.nuxt/dist/client/lang-zh-tw.json.modern.js 4.1 kB -1 B (0%)
./.nuxt/dist/client/pages/about.js 1.05 kB +1 B (0%)
./.nuxt/dist/client/pages/audio/_id.js 4.06 kB +7 B (0%)
./.nuxt/dist/client/pages/audio/_id.modern.js 3.93 kB -2 B (0%)
./.nuxt/dist/client/pages/extension.js 2.18 kB -79 B (-3%)
./.nuxt/dist/client/pages/extension.modern.js 2.2 kB -71 B (-3%)
./.nuxt/dist/client/pages/feedback.js 4.07 kB +2 B (0%)
./.nuxt/dist/client/pages/image/_id.js 6.42 kB +1 B (0%)
./.nuxt/dist/client/pages/image/_id.modern.js 6.22 kB -6 B (0%)
./.nuxt/dist/client/pages/index.js 5.08 kB +3 B (0%)
./.nuxt/dist/client/pages/index.modern.js 4.95 kB -2 B (0%)
./.nuxt/dist/client/pages/meta-search.js 1.68 kB +4 B (0%)
./.nuxt/dist/client/pages/meta-search.modern.js 1.68 kB +3 B (0%)
./.nuxt/dist/client/pages/search-help.js 1.53 kB +1 B (0%)
./.nuxt/dist/client/pages/search.modern.js 2.33 kB -2 B (0%)
./.nuxt/dist/client/pages/search/audio.js 2.77 kB +4 B (0%)
./.nuxt/dist/client/pages/search/audio.modern.js 2.65 kB +2 B (0%)
./.nuxt/dist/client/pages/search/image.js 2.78 kB +2 B (0%)
./.nuxt/dist/client/pages/search/image.modern.js 2.66 kB +3 B (0%)
./.nuxt/dist/client/pages/search/index.js 808 B +3 B (0%)
./.nuxt/dist/client/pages/search/index.modern.js 719 B +1 B (0%)
./.nuxt/dist/client/pages/search/video.js 256 B -1 B (0%)
./.nuxt/dist/client/pages/sources.js 1.43 kB +27 B (+2%)
./.nuxt/dist/client/pages/sources.modern.js 1.43 kB +25 B (+2%)
./.nuxt/dist/client/vendors/app.js 49 kB +2 B (0%)
./.nuxt/dist/client/vendors/app.modern.js 48.5 kB +11 B (0%)
./.nuxt/dist/client/vendors/components/v-sources-table/pages/sources.modern.js 5.34 kB +1 B (0%)
./.nuxt/dist/client/vendors/sentry.js 41.4 kB -7 B (0%)
./.nuxt/dist/client/vendors/sentry.modern.js 41.4 kB -5 B (0%)
ℹ️ View Unchanged
Filename Size
./.nuxt/dist/client/236.js 273 B
./.nuxt/dist/client/236.modern.js 277 B
./.nuxt/dist/client/237.js 1.85 kB
./.nuxt/dist/client/commons/app.modern.js 71.5 kB
./.nuxt/dist/client/components/loading-icon.js 766 B
./.nuxt/dist/client/components/sketch-fab-viewer.js 1.08 kB
./.nuxt/dist/client/components/sketch-fab-viewer.modern.js 1.08 kB
./.nuxt/dist/client/components/table-sort-icon.js 515 B
./.nuxt/dist/client/components/table-sort-icon.modern.js 519 B
./.nuxt/dist/client/components/v-all-results-grid.js 4.02 kB
./.nuxt/dist/client/components/v-audio-cell.modern.js 346 B
./.nuxt/dist/client/components/v-audio-track-skeleton.js 1 kB
./.nuxt/dist/client/components/v-content-link.modern.js 946 B
./.nuxt/dist/client/components/v-content-report-form.modern.js 3.58 kB
./.nuxt/dist/client/components/v-content-report-popover.js 4.43 kB
./.nuxt/dist/client/components/v-dmca-notice.modern.js 759 B
./.nuxt/dist/client/components/v-error-section.js 387 B
./.nuxt/dist/client/components/v-error-section.modern.js 391 B
./.nuxt/dist/client/components/v-image-cell.modern.js 1.38 kB
./.nuxt/dist/client/components/v-image-details.modern.js 1.45 kB
./.nuxt/dist/client/components/v-image-grid.modern.js 2.32 kB
./.nuxt/dist/client/components/v-license-tab-panel.modern.js 920 B
./.nuxt/dist/client/components/v-load-more.modern.js 666 B
./.nuxt/dist/client/components/v-media-reuse.js 1.04 kB
./.nuxt/dist/client/components/v-media-tag.js 422 B
./.nuxt/dist/client/components/v-modal.js 877 B
./.nuxt/dist/client/components/v-modal.modern.js 880 B
./.nuxt/dist/client/components/v-notice-bar.js 344 B
./.nuxt/dist/client/components/v-notice-bar.modern.js 348 B
./.nuxt/dist/client/components/v-radio.js 1.52 kB
./.nuxt/dist/client/components/v-related-images.js 2.59 kB
./.nuxt/dist/client/components/v-report-desc-form.js 958 B
./.nuxt/dist/client/components/v-scroll-button.modern.js 786 B
./.nuxt/dist/client/components/v-server-timeout.js 314 B
./.nuxt/dist/client/components/v-server-timeout.modern.js 319 B
./.nuxt/dist/client/components/v-tab-panel.js 690 B
./.nuxt/dist/client/components/v-tab-panel.modern.js 685 B
./.nuxt/dist/client/components/v-warning-suppressor.js 300 B
./.nuxt/dist/client/components/v-warning-suppressor.modern.js 305 B
./.nuxt/dist/client/lang-af.json.js 147 B
./.nuxt/dist/client/lang-af.json.modern.js 154 B
./.nuxt/dist/client/lang-am.json.js 147 B
./.nuxt/dist/client/lang-am.json.modern.js 154 B
./.nuxt/dist/client/lang-an.json.js 147 B
./.nuxt/dist/client/lang-an.json.modern.js 153 B
./.nuxt/dist/client/lang-ar.json.modern.js 255 B
./.nuxt/dist/client/lang-arq.json.js 148 B
./.nuxt/dist/client/lang-arq.json.modern.js 155 B
./.nuxt/dist/client/lang-ary.json.js 148 B
./.nuxt/dist/client/lang-ary.json.modern.js 155 B
./.nuxt/dist/client/lang-as.json.js 147 B
./.nuxt/dist/client/lang-as.json.modern.js 154 B
./.nuxt/dist/client/lang-az-tr.json.js 150 B
./.nuxt/dist/client/lang-az-tr.json.modern.js 157 B
./.nuxt/dist/client/lang-az.json.js 147 B
./.nuxt/dist/client/lang-az.json.modern.js 154 B
./.nuxt/dist/client/lang-azb.json.js 148 B
./.nuxt/dist/client/lang-azb.json.modern.js 155 B
./.nuxt/dist/client/lang-ba.json.js 147 B
./.nuxt/dist/client/lang-ba.json.modern.js 154 B
./.nuxt/dist/client/lang-bel.json.js 148 B
./.nuxt/dist/client/lang-bel.json.modern.js 155 B
./.nuxt/dist/client/lang-bg.json.js 147 B
./.nuxt/dist/client/lang-bg.json.modern.js 154 B
./.nuxt/dist/client/lang-bn-in.json.js 150 B
./.nuxt/dist/client/lang-bn-in.json.modern.js 156 B
./.nuxt/dist/client/lang-bn.json.js 147 B
./.nuxt/dist/client/lang-bn.json.modern.js 153 B
./.nuxt/dist/client/lang-bo.json.js 147 B
./.nuxt/dist/client/lang-bo.json.modern.js 154 B
./.nuxt/dist/client/lang-br.json.js 147 B
./.nuxt/dist/client/lang-br.json.modern.js 154 B
./.nuxt/dist/client/lang-bs.json.js 147 B
./.nuxt/dist/client/lang-bs.json.modern.js 154 B
./.nuxt/dist/client/lang-ckb.json.js 148 B
./.nuxt/dist/client/lang-ckb.json.modern.js 155 B
./.nuxt/dist/client/lang-co.json.js 147 B
./.nuxt/dist/client/lang-co.json.modern.js 154 B
./.nuxt/dist/client/lang-cor.json.js 148 B
./.nuxt/dist/client/lang-cs.json.modern.js 9.72 kB
./.nuxt/dist/client/lang-cy.json.modern.js 9.35 kB
./.nuxt/dist/client/lang-da.json.js 8.72 kB
./.nuxt/dist/client/lang-de-at.json.js 150 B
./.nuxt/dist/client/lang-de-at.json.modern.js 157 B
./.nuxt/dist/client/lang-de-ch.json.js 150 B
./.nuxt/dist/client/lang-de-ch.json.modern.js 157 B
./.nuxt/dist/client/lang-de.json.modern.js 9.98 kB
./.nuxt/dist/client/lang-dv.json.js 147 B
./.nuxt/dist/client/lang-dv.json.modern.js 154 B
./.nuxt/dist/client/lang-dzo.json.js 148 B
./.nuxt/dist/client/lang-dzo.json.modern.js 155 B
./.nuxt/dist/client/lang-el.json.js 11.5 kB
./.nuxt/dist/client/lang-el.json.modern.js 11.5 kB
./.nuxt/dist/client/lang-en-au.json.modern.js 813 B
./.nuxt/dist/client/lang-en-ca.json.js 7.91 kB
./.nuxt/dist/client/lang-en-ca.json.modern.js 7.91 kB
./.nuxt/dist/client/lang-en-gb.json.js 8.56 kB
./.nuxt/dist/client/lang-en-nz.json.js 150 B
./.nuxt/dist/client/lang-en-za.json.js 5.22 kB
./.nuxt/dist/client/lang-en.json.modern.js 8.44 kB
./.nuxt/dist/client/lang-eo.json.js 147 B
./.nuxt/dist/client/lang-eo.json.modern.js 154 B
./.nuxt/dist/client/lang-es-ar.json.js 8.9 kB
./.nuxt/dist/client/lang-es-ar.json.modern.js 8.9 kB
./.nuxt/dist/client/lang-es-cl.json.js 150 B
./.nuxt/dist/client/lang-es-co.json.js 9.11 kB
./.nuxt/dist/client/lang-es-co.json.modern.js 9.12 kB
./.nuxt/dist/client/lang-es-cr.json.js 150 B
./.nuxt/dist/client/lang-es-do.json.js 5.01 kB
./.nuxt/dist/client/lang-es-do.json.modern.js 5.02 kB
./.nuxt/dist/client/lang-es-ec.json.modern.js 9.12 kB
./.nuxt/dist/client/lang-es-gt.json.js 151 B
./.nuxt/dist/client/lang-es-gt.json.modern.js 158 B
./.nuxt/dist/client/lang-es-hn.json.js 151 B
./.nuxt/dist/client/lang-es-hn.json.modern.js 157 B
./.nuxt/dist/client/lang-es-mx.json.js 9.32 kB
./.nuxt/dist/client/lang-es-mx.json.modern.js 9.32 kB
./.nuxt/dist/client/lang-es-pe.json.js 151 B
./.nuxt/dist/client/lang-es-pe.json.modern.js 158 B
./.nuxt/dist/client/lang-es-pr.json.js 151 B
./.nuxt/dist/client/lang-es-pr.json.modern.js 158 B
./.nuxt/dist/client/lang-es-uy.json.js 151 B
./.nuxt/dist/client/lang-es-uy.json.modern.js 158 B
./.nuxt/dist/client/lang-es-ve.json.modern.js 9.12 kB
./.nuxt/dist/client/lang-es.json.modern.js 9.31 kB
./.nuxt/dist/client/lang-et.json.js 148 B
./.nuxt/dist/client/lang-et.json.modern.js 155 B
./.nuxt/dist/client/lang-eu.json.js 148 B
./.nuxt/dist/client/lang-eu.json.modern.js 155 B
./.nuxt/dist/client/lang-fa-af.json.js 151 B
./.nuxt/dist/client/lang-fa-af.json.modern.js 158 B
./.nuxt/dist/client/lang-fa.json.js 3.05 kB
./.nuxt/dist/client/lang-fa.json.modern.js 3.05 kB
./.nuxt/dist/client/lang-fi.json.js 148 B
./.nuxt/dist/client/lang-fi.json.modern.js 155 B
./.nuxt/dist/client/lang-fo.json.js 148 B
./.nuxt/dist/client/lang-fo.json.modern.js 155 B
./.nuxt/dist/client/lang-fr-be.json.js 151 B
./.nuxt/dist/client/lang-fr-be.json.modern.js 158 B
./.nuxt/dist/client/lang-fr-ca.json.js 151 B
./.nuxt/dist/client/lang-fr-ca.json.modern.js 158 B
./.nuxt/dist/client/lang-fr.json.js 7.1 kB
./.nuxt/dist/client/lang-fuc.json.js 149 B
./.nuxt/dist/client/lang-fuc.json.modern.js 156 B
./.nuxt/dist/client/lang-fy.json.js 148 B
./.nuxt/dist/client/lang-fy.json.modern.js 155 B
./.nuxt/dist/client/lang-ga.json.js 148 B
./.nuxt/dist/client/lang-ga.json.modern.js 155 B
./.nuxt/dist/client/lang-gd.json.js 148 B
./.nuxt/dist/client/lang-gd.json.modern.js 155 B
./.nuxt/dist/client/lang-gl.json.modern.js 9.18 kB
./.nuxt/dist/client/lang-gu.json.js 148 B
./.nuxt/dist/client/lang-gu.json.modern.js 155 B
./.nuxt/dist/client/lang-hat.json.js 149 B
./.nuxt/dist/client/lang-hat.json.modern.js 156 B
./.nuxt/dist/client/lang-hau.json.js 149 B
./.nuxt/dist/client/lang-hau.json.modern.js 156 B
./.nuxt/dist/client/lang-he.json.js 148 B
./.nuxt/dist/client/lang-he.json.modern.js 155 B
./.nuxt/dist/client/lang-hi.json.js 203 B
./.nuxt/dist/client/lang-hi.json.modern.js 210 B
./.nuxt/dist/client/lang-hr.json.js 148 B
./.nuxt/dist/client/lang-hr.json.modern.js 155 B
./.nuxt/dist/client/lang-hu.json.js 148 B
./.nuxt/dist/client/lang-hu.json.modern.js 155 B
./.nuxt/dist/client/lang-hy.json.js 148 B
./.nuxt/dist/client/lang-hy.json.modern.js 155 B
./.nuxt/dist/client/lang-ibo.json.js 149 B
./.nuxt/dist/client/lang-ibo.json.modern.js 156 B
./.nuxt/dist/client/lang-id.json.js 8.45 kB
./.nuxt/dist/client/lang-id.json.modern.js 8.46 kB
./.nuxt/dist/client/lang-ido.json.js 149 B
./.nuxt/dist/client/lang-ido.json.modern.js 156 B
./.nuxt/dist/client/lang-is.json.js 148 B
./.nuxt/dist/client/lang-is.json.modern.js 155 B
./.nuxt/dist/client/lang-it.json.js 9.13 kB
./.nuxt/dist/client/lang-it.json.modern.js 9.14 kB
./.nuxt/dist/client/lang-ja.json.js 4.72 kB
./.nuxt/dist/client/lang-ja.json.modern.js 4.73 kB
./.nuxt/dist/client/lang-jv.json.js 148 B
./.nuxt/dist/client/lang-jv.json.modern.js 155 B
./.nuxt/dist/client/lang-ka.json.js 148 B
./.nuxt/dist/client/lang-ka.json.modern.js 155 B
./.nuxt/dist/client/lang-kal.json.js 149 B
./.nuxt/dist/client/lang-kal.json.modern.js 156 B
./.nuxt/dist/client/lang-kin.json.js 149 B
./.nuxt/dist/client/lang-kin.json.modern.js 155 B
./.nuxt/dist/client/lang-kir.json.js 149 B
./.nuxt/dist/client/lang-kir.json.modern.js 156 B
./.nuxt/dist/client/lang-kk.json.js 148 B
./.nuxt/dist/client/lang-kk.json.modern.js 155 B
./.nuxt/dist/client/lang-km.json.js 148 B
./.nuxt/dist/client/lang-km.json.modern.js 155 B
./.nuxt/dist/client/lang-kmr.json.js 149 B
./.nuxt/dist/client/lang-kmr.json.modern.js 156 B
./.nuxt/dist/client/lang-kn.json.js 3.27 kB
./.nuxt/dist/client/lang-kn.json.modern.js 3.28 kB
./.nuxt/dist/client/lang-ko.json.js 148 B
./.nuxt/dist/client/lang-ko.json.modern.js 155 B
./.nuxt/dist/client/lang-lb.json.js 148 B
./.nuxt/dist/client/lang-lb.json.modern.js 155 B
./.nuxt/dist/client/lang-li.json.js 148 B
./.nuxt/dist/client/lang-li.json.modern.js 155 B
./.nuxt/dist/client/lang-lin.json.js 149 B
./.nuxt/dist/client/lang-lin.json.modern.js 155 B
./.nuxt/dist/client/lang-lo.json.js 148 B
./.nuxt/dist/client/lang-lo.json.modern.js 155 B
./.nuxt/dist/client/lang-lt.json.js 148 B
./.nuxt/dist/client/lang-lt.json.modern.js 155 B
./.nuxt/dist/client/lang-lug.json.js 149 B
./.nuxt/dist/client/lang-lug.json.modern.js 156 B
./.nuxt/dist/client/lang-lv.json.js 6.73 kB
./.nuxt/dist/client/lang-lv.json.modern.js 6.73 kB
./.nuxt/dist/client/lang-mg.json.js 148 B
./.nuxt/dist/client/lang-mg.json.modern.js 155 B
./.nuxt/dist/client/lang-mk.json.js 148 B
./.nuxt/dist/client/lang-mk.json.modern.js 155 B
./.nuxt/dist/client/lang-ml.json.js 148 B
./.nuxt/dist/client/lang-ml.json.modern.js 155 B
./.nuxt/dist/client/lang-mn.json.js 148 B
./.nuxt/dist/client/lang-mn.json.modern.js 154 B
./.nuxt/dist/client/lang-mr.json.js 148 B
./.nuxt/dist/client/lang-mr.json.modern.js 155 B
./.nuxt/dist/client/lang-mri.json.js 149 B
./.nuxt/dist/client/lang-mri.json.modern.js 156 B
./.nuxt/dist/client/lang-ms.json.js 148 B
./.nuxt/dist/client/lang-ms.json.modern.js 155 B
./.nuxt/dist/client/lang-mya.json.js 149 B
./.nuxt/dist/client/lang-mya.json.modern.js 156 B
./.nuxt/dist/client/lang-nb.json.modern.js 3.37 kB
./.nuxt/dist/client/lang-ne.json.js 330 B
./.nuxt/dist/client/lang-ne.json.modern.js 335 B
./.nuxt/dist/client/lang-nl-be.json.js 9.4 kB
./.nuxt/dist/client/lang-nl-be.json.modern.js 9.4 kB
./.nuxt/dist/client/lang-nn.json.js 148 B
./.nuxt/dist/client/lang-nn.json.modern.js 154 B
./.nuxt/dist/client/lang-oci.json.js 149 B
./.nuxt/dist/client/lang-oci.json.modern.js 156 B
./.nuxt/dist/client/lang-ory.json.js 149 B
./.nuxt/dist/client/lang-ory.json.modern.js 156 B
./.nuxt/dist/client/lang-os.json.js 148 B
./.nuxt/dist/client/lang-os.json.modern.js 155 B
./.nuxt/dist/client/lang-pl.json.js 148 B
./.nuxt/dist/client/lang-pl.json.modern.js 155 B
./.nuxt/dist/client/lang-ps.json.js 148 B
./.nuxt/dist/client/lang-ps.json.modern.js 155 B
./.nuxt/dist/client/lang-pt-ao.json.js 151 B
./.nuxt/dist/client/lang-pt-ao.json.modern.js 158 B
./.nuxt/dist/client/lang-pt-br.json.modern.js 5.59 kB
./.nuxt/dist/client/lang-pt.json.js 434 B
./.nuxt/dist/client/lang-pt.json.modern.js 437 B
./.nuxt/dist/client/lang-ro.json.js 9.53 kB
./.nuxt/dist/client/lang-ro.json.modern.js 9.53 kB
./.nuxt/dist/client/lang-roh.json.js 149 B
./.nuxt/dist/client/lang-roh.json.modern.js 156 B
./.nuxt/dist/client/lang-ru.json.js 3.66 kB
./.nuxt/dist/client/lang-ru.json.modern.js 3.66 kB
./.nuxt/dist/client/lang-sa-in.json.js 151 B
./.nuxt/dist/client/lang-sa-in.json.modern.js 157 B
./.nuxt/dist/client/lang-si.json.js 148 B
./.nuxt/dist/client/lang-si.json.modern.js 155 B
./.nuxt/dist/client/lang-sk.json.js 266 B
./.nuxt/dist/client/lang-sk.json.modern.js 271 B
./.nuxt/dist/client/lang-sl.json.js 148 B
./.nuxt/dist/client/lang-sl.json.modern.js 155 B
./.nuxt/dist/client/lang-sna.json.js 149 B
./.nuxt/dist/client/lang-sna.json.modern.js 156 B
./.nuxt/dist/client/lang-snd.json.js 149 B
./.nuxt/dist/client/lang-snd.json.modern.js 156 B
./.nuxt/dist/client/lang-so.json.js 148 B
./.nuxt/dist/client/lang-so.json.modern.js 155 B
./.nuxt/dist/client/lang-sq-xk.json.js 151 B
./.nuxt/dist/client/lang-sq-xk.json.modern.js 158 B
./.nuxt/dist/client/lang-sq.json.js 9.77 kB
./.nuxt/dist/client/lang-sq.json.modern.js 9.78 kB
./.nuxt/dist/client/lang-sr.json.js 148 B
./.nuxt/dist/client/lang-sr.json.modern.js 155 B
./.nuxt/dist/client/lang-srd.json.js 149 B
./.nuxt/dist/client/lang-srd.json.modern.js 156 B
./.nuxt/dist/client/lang-ssw.json.js 149 B
./.nuxt/dist/client/lang-ssw.json.modern.js 156 B
./.nuxt/dist/client/lang-su.json.js 148 B
./.nuxt/dist/client/lang-su.json.modern.js 155 B
./.nuxt/dist/client/lang-sv.json.js 4.92 kB
./.nuxt/dist/client/lang-sw.json.js 148 B
./.nuxt/dist/client/lang-sw.json.modern.js 155 B
./.nuxt/dist/client/lang-ta-lk.json.js 151 B
./.nuxt/dist/client/lang-ta-lk.json.modern.js 158 B
./.nuxt/dist/client/lang-ta.json.js 148 B
./.nuxt/dist/client/lang-ta.json.modern.js 155 B
./.nuxt/dist/client/lang-tah.json.js 149 B
./.nuxt/dist/client/lang-tah.json.modern.js 156 B
./.nuxt/dist/client/lang-te.json.js 3.52 kB
./.nuxt/dist/client/lang-te.json.modern.js 3.53 kB
./.nuxt/dist/client/lang-tg.json.js 148 B
./.nuxt/dist/client/lang-tg.json.modern.js 155 B
./.nuxt/dist/client/lang-th.json.js 148 B
./.nuxt/dist/client/lang-th.json.modern.js 155 B
./.nuxt/dist/client/lang-tir.json.js 149 B
./.nuxt/dist/client/lang-tir.json.modern.js 156 B
./.nuxt/dist/client/lang-tl.json.js 148 B
./.nuxt/dist/client/lang-tl.json.modern.js 155 B
./.nuxt/dist/client/lang-tr.json.js 1.38 kB
./.nuxt/dist/client/lang-tr.json.modern.js 1.39 kB
./.nuxt/dist/client/lang-tt.json.js 148 B
./.nuxt/dist/client/lang-tt.json.modern.js 155 B
./.nuxt/dist/client/lang-tuk.json.js 149 B
./.nuxt/dist/client/lang-tuk.json.modern.js 156 B
./.nuxt/dist/client/lang-ug.json.js 148 B
./.nuxt/dist/client/lang-ug.json.modern.js 155 B
./.nuxt/dist/client/lang-uk.json.js 148 B
./.nuxt/dist/client/lang-uk.json.modern.js 155 B
./.nuxt/dist/client/lang-ur.json.js 148 B
./.nuxt/dist/client/lang-ur.json.modern.js 155 B
./.nuxt/dist/client/lang-uz.json.js 148 B
./.nuxt/dist/client/lang-uz.json.modern.js 155 B
./.nuxt/dist/client/lang-vi.json.js 148 B
./.nuxt/dist/client/lang-vi.json.modern.js 155 B
./.nuxt/dist/client/lang-wol.json.js 149 B
./.nuxt/dist/client/lang-wol.json.modern.js 156 B
./.nuxt/dist/client/lang-xho.json.js 149 B
./.nuxt/dist/client/lang-xho.json.modern.js 156 B
./.nuxt/dist/client/lang-yor.json.js 149 B
./.nuxt/dist/client/lang-yor.json.modern.js 156 B
./.nuxt/dist/client/lang-zh-hk.json.js 151 B
./.nuxt/dist/client/lang-zh-hk.json.modern.js 158 B
./.nuxt/dist/client/lang-zh-sg.json.js 151 B
./.nuxt/dist/client/lang-zh-sg.json.modern.js 158 B
./.nuxt/dist/client/lang-zul.json.js 149 B
./.nuxt/dist/client/lang-zul.json.modern.js 156 B
./.nuxt/dist/client/pages/about.modern.js 1.05 kB
./.nuxt/dist/client/pages/feedback.modern.js 4.03 kB
./.nuxt/dist/client/pages/preferences.js 1.24 kB
./.nuxt/dist/client/pages/preferences.modern.js 1.24 kB
./.nuxt/dist/client/pages/search-help.modern.js 1.54 kB
./.nuxt/dist/client/pages/search.js 2.46 kB
./.nuxt/dist/client/pages/search/search-page.types.js 266 B
./.nuxt/dist/client/pages/search/search-page.types.modern.js 270 B
./.nuxt/dist/client/pages/search/video.modern.js 261 B
./.nuxt/dist/client/runtime.js 2.72 kB
./.nuxt/dist/client/runtime.modern.js 2.72 kB
./.nuxt/dist/client/vendors/components/v-sources-table/pages/sources.js 5.33 kB

compressed-size-action

@obulat obulat added 🟧 priority: high Stalls work on the project or its dependents 🤖 aspect: dx Concerns developers' experience with the codebase 🧰 goal: internal improvement Improvement that benefits maintainers, not users and removed 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work labels May 3, 2022
@obulat obulat marked this pull request as ready for review May 3, 2022 09:43
@obulat obulat requested a review from a team as a code owner May 3, 2022 09:43
@obulat obulat requested review from krysal, dhruvkb and fcoveram May 3, 2022 09:43
Copy link
Contributor

@sarayourfriend sarayourfriend left a 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?

scss: ['./styles/utilities/all.scss'],

'.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$':

Also, the extension page layout is very broken now.
image

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.

Comment on lines -142 to -145
"sass": "^1.49.9",
"sass-loader": "^10.2.1",
Copy link
Contributor

Choose a reason for hiding this comment

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

🎉 Yay!!!

@obulat
Copy link
Contributor Author

obulat commented May 3, 2022

Also, the extension page layout is very broken now. image

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.

Ah, thank you for catching this! I did not look at the extension page.

And thank you for flagging more places that still have sass in them :)

@sarayourfriend
Copy link
Contributor

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!

@obulat obulat requested a review from sarayourfriend May 4, 2022 06:07
Copy link

@fcoveram fcoveram left a 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 ✨

@obulat
Copy link
Contributor Author

obulat commented May 5, 2022

Wow, I did not expect such an easy approval from you, @panchovm! Thank you!

@fcoveram
Copy link

fcoveram commented May 5, 2022

I went through comparing the mockups and seeing if nothing is broken 😃

@obulat
Copy link
Contributor Author

obulat commented May 5, 2022

@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!

@sarayourfriend
Copy link
Contributor

@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.

Copy link
Contributor

@sarayourfriend sarayourfriend left a 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.

@obulat obulat merged commit 0fdfccc into main May 6, 2022
@obulat obulat deleted the remove/sass branch May 6, 2022 16:05
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🤖 aspect: dx Concerns developers' experience with the codebase 🧰 goal: internal improvement Improvement that benefits maintainers, not users 🟧 priority: high Stalls work on the project or its dependents
Projects
None yet
4 participants