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

refactor: Removes the CSS files from the Parallel Coordinates plugin #19539

Conversation

michael-s-molina
Copy link
Member

SUMMARY

This PR removes the CSS files from the Parallel Coordinates plugin using Emotion. It also adjusts the styles to match theme configuration and existing components.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Screen Shot 2022-04-05 at 3 41 18 PM

Screen Shot 2022-04-05 at 4 27 56 PM

TESTING INSTRUCTIONS

Check that the plugin is very similar to the previous version. We may have color, font, and opacity differences due to theme adjustments.

ADDITIONAL INFORMATION

  • Has associated issue:
  • Required feature flags:
  • Changes UI
  • Includes DB Migration (follow approval process in SIP-59)
    • Migration is atomic, supports rollback & is backwards-compatible
    • Confirm DB migration upgrade and downgrade tested
    • Runtime estimates and downtime expectations provided
  • Introduces new feature or API
  • Removes existing feature or API

@codecov
Copy link

codecov bot commented Apr 5, 2022

Codecov Report

Merging #19539 (73b64f9) into master (1eef923) will increase coverage by 0.05%.
The diff coverage is 70.40%.

❗ Current head 73b64f9 differs from pull request most recent head 8a3625d. Consider uploading reports for the commit 8a3625d to get more accurate results

@@            Coverage Diff             @@
##           master   #19539      +/-   ##
==========================================
+ Coverage   66.60%   66.65%   +0.05%     
==========================================
  Files        1678     1680       +2     
  Lines       64246    64253       +7     
  Branches     6539     6561      +22     
==========================================
+ Hits        42788    42826      +38     
+ Misses      19763    19725      -38     
- Partials     1695     1702       +7     
Flag Coverage Δ
javascript 51.45% <63.43%> (+0.10%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
.../legacy-plugin-chart-country-map/src/CountryMap.js 0.00% <ø> (ø)
...y-plugin-chart-country-map/src/ReactCountryMap.jsx 0.00% <0.00%> (ø)
...rt-parallel-coordinates/src/ParallelCoordinates.js 0.00% <ø> (ø)
...allel-coordinates/src/ReactParallelCoordinates.jsx 0.00% <0.00%> (ø)
...y-plugin-chart-sankey-loop/src/ReactSankeyLoop.jsx 0.00% <0.00%> (ø)
.../legacy-plugin-chart-sankey-loop/src/SankeyLoop.js 0.00% <ø> (ø)
...lugin-chart-echarts/src/BigNumber/BigNumberViz.tsx 0.00% <0.00%> (ø)
...src/BigNumber/BigNumberWithTrendline/buildQuery.ts 0.00% <0.00%> (-11.12%) ⬇️
.../BigNumber/BigNumberWithTrendline/controlPanel.tsx 33.33% <ø> (ø)
superset-frontend/src/SqlLab/actions/sqlLab.js 60.39% <0.00%> (-0.35%) ⬇️
... and 64 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 1eef923...8a3625d. Read the comment docs.

.parcoords .header {
clear: left;
font-size: ${theme.typography.sizes.s}px;
line-height: 18px;
Copy link
Member

Choose a reason for hiding this comment

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

@michael-s-molina do you think it makes sense to use grid units for line heights?

Copy link
Member Author

Choose a reason for hiding this comment

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

We'll have a specific category for line-heights in our theme. We just need to figure out which ones should be available and include them with the other theme suggestions for the design team. Let's tackle line-heights in a specific task force.

@michael-s-molina michael-s-molina merged commit 38fbca1 into apache:master Apr 7, 2022
@michael-s-molina michael-s-molina added the global:theming Related to theming Superset label Apr 7, 2022
philipher29 pushed a commit to ValtechMobility/superset that referenced this pull request Jun 9, 2022
…pache#19539)

* refactor: Removes the CSS files from the Parallel Coordinates plugin

* Adds test

* Fixes indentation
@mistercrunch mistercrunch added 🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 2.0.0 labels Mar 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels global:theming Related to theming Superset size/L 🚢 2.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants