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

Convert cursor.module.css to CSS modules #40522

Merged
merged 8 commits into from
Apr 4, 2024

Conversation

oisincoveney
Copy link
Contributor

Description

Describe the overall approach and the problem being solved.

How to verify

Describe the steps to verify that the changes are working as expected.

  1. New question -> Sample Dataset -> ...
  2. ...

Demo

Upload a demo video or before/after screenshots if sensible or remove the section

Checklist

  • Tests have been added/updated to cover changes in this PR

@oisincoveney oisincoveney marked this pull request as ready for review March 22, 2024 16:14
@metabase-bot metabase-bot bot added .Team/Embedding visual Run Percy visual testing labels Mar 22, 2024
Copy link

github-actions bot commented Mar 22, 2024

Codenotify: Notifying subscribers in CODENOTIFY files for diff 359a8da...9e06333.

Notify File(s)
@alxnddr frontend/src/metabase/visualizations/components/FunnelNormal.jsx
frontend/src/metabase/visualizations/components/LegacyChoropleth.jsx
frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailsTable.tsx
frontend/src/metabase/visualizations/components/TableInteractive/TableInteractive.jsx
frontend/src/metabase/visualizations/components/settings/ChartSettingGaugeSegments.jsx
frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting.jsx
frontend/src/metabase/visualizations/lib/LineAreaBarPostRender.js
frontend/src/metabase/visualizations/visualizations/PieChart/PieChart.jsx
@ranquild frontend/src/metabase/sharing/components/PulsesListSidebar.jsx

Copy link

replay-io bot commented Mar 22, 2024

Status Complete ↗︎
Commit 9e06333
Results
⚠️ 12 Flaky
2387 Passed

@oisincoveney oisincoveney requested a review from a team March 25, 2024 11:54
CS.inlineBlock,
CS.full,
CS.cursorPointer,
`text-${color}-hover`,
Copy link
Contributor

Choose a reason for hiding this comment

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

This will be hard to find when we will need to migrate such classes

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thankfully that's the only class name I can find that's dynamically generated. I've seen it a billion times and should be sorted with colors.module.

And, of course as I look at it I didn't sort it in the colors module. I'll do that there

@@ -1,15 +1,11 @@
:global(.cursor-pointer),
.cursor-pointer,
Copy link
Contributor

Choose a reason for hiding this comment

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

Found 2 more places where it is used still:
Screenshot 2024-03-26 at 00 54 09

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ah, didn't see the second one. I know the e2e test needs to be sorted but I'll do that in a sec

@@ -267,7 +267,7 @@ function TargetWithSource({
</div>
</div>
<div
className="cursor-pointer ml-auto"
className={cx(CS.cursorPointer, CS.mlAuto)}
Copy link
Contributor

Choose a reason for hiding this comment

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

mlAuto needs to be added along .ml-auto

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ah I am getting caught doing all of these PRs. I'll stack them in the future

@oisincoveney oisincoveney changed the base branch from master to add-identity-obj-proxy-for-css-module-tests March 27, 2024 15:12
@oisincoveney oisincoveney added the no-backport Do not backport this PR to any branch label Mar 27, 2024
@oisincoveney oisincoveney force-pushed the global-css-migration/cursor-module branch from 0366e9d to 9a060d9 Compare March 28, 2024 13:11
@oisincoveney oisincoveney changed the base branch from add-identity-obj-proxy-for-css-module-tests to master March 28, 2024 13:11
@oisincoveney oisincoveney requested a review from a team April 3, 2024 12:45
onMove={(source, destination) =>
dispatch(Collections.actions.setCollection(source, destination))
}
onMove={async (source, destination) => {
Copy link
Contributor

Choose a reason for hiding this comment

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

These changes are not related to the PR, most likely there were some issues with merges

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Oh what. Ok I'll reset to the last good commit and go from there

@deniskaber deniskaber requested a review from a team April 3, 2024 14:15
@oisincoveney oisincoveney force-pushed the global-css-migration/cursor-module branch from 15be1ee to 6cb2621 Compare April 3, 2024 14:18
@oisincoveney oisincoveney merged commit 4e7d6f4 into master Apr 4, 2024
111 checks passed
@oisincoveney oisincoveney deleted the global-css-migration/cursor-module branch April 4, 2024 08:42
Copy link

github-actions bot commented Apr 4, 2024

@oisincoveney Did you forget to add a milestone to the issue for this PR? When and where should I add a milestone?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
no-backport Do not backport this PR to any branch .Team/Embedding visual Run Percy visual testing
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Migrate global css in frontend/src/metabase/css/core/cursor.module.css
2 participants