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

chore: update dataset count badge and tash icon sizing #15608

Merged

Conversation

andrewbastian
Copy link
Contributor

@andrewbastian andrewbastian commented Jul 9, 2021

SUMMARY

Created a styledComponent to set hight and center numbers on the count-badge on dataset-tabs. Also added inline css={{...align-items:center}} to parent div - centers badge and tab-title.

Removed inline css from EditDatasetModals's Icon.Trash. This Icon now matches the sizing of the other TrashIcon on the datasets homepage(see screenshot).

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

CountBadge:

Screen Shot 2021-07-08 at 6 57 53 PM

ModalTrashIcon DatasetHompageTrashIcon
Screen Shot 2021-07-08 at 11 38 36 AM Screen Shot 2021-07-08 at 11 30 10 AM

TESTING INSTRUCTIONS

ADDITIONAL INFORMATION

  • Has associated issue:
  • 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

@andrewbastian andrewbastian changed the title Chore: update dataset count badge and tash icon sizing chore: update dataset count badge and tash icon sizing Jul 9, 2021
@codecov
Copy link

codecov bot commented Jul 9, 2021

Codecov Report

Merging #15608 (6429195) into master (301b94f) will decrease coverage by 0.07%.
The diff coverage is 85.71%.

❗ Current head 6429195 differs from pull request most recent head 781fdb8. Consider uploading reports for the commit 781fdb8 to get more accurate results
Impacted file tree graph

@@            Coverage Diff             @@
##           master   #15608      +/-   ##
==========================================
- Coverage   76.96%   76.88%   -0.08%     
==========================================
  Files         976      976              
  Lines       51318    51324       +6     
  Branches     6907     6907              
==========================================
- Hits        39496    39462      -34     
- Misses      11603    11643      +40     
  Partials      219      219              
Flag Coverage Δ
javascript 71.43% <85.71%> (+0.01%) ⬆️
presto ?

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

Impacted Files Coverage Δ
superset-frontend/src/CRUD/CollectionTable.tsx 78.91% <ø> (ø)
...re/components/controls/CollectionControl/index.jsx 83.33% <ø> (ø)
...uperset-frontend/src/explore/exploreUtils/index.js 66.45% <0.00%> (ø)
...c/views/CRUD/data/database/DatabaseModal/styles.ts 82.72% <ø> (ø)
...end/src/dashboard/components/SliceHeader/index.tsx 92.30% <66.66%> (+1.74%) ⬆️
...erset-frontend/src/datasource/DatasourceEditor.jsx 75.00% <100.00%> (+0.40%) ⬆️
...re/components/controls/DatasourceControl/index.jsx 87.17% <100.00%> (+0.33%) ⬆️
...nts/controls/DateFilterControl/DateFilterLabel.tsx 66.93% <100.00%> (+0.26%) ⬆️
...c/views/CRUD/data/database/DatabaseModal/index.tsx 47.86% <100.00%> (ø)
superset/db_engine_specs/presto.py 84.42% <0.00%> (-5.90%) ⬇️
... and 2 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 301b94f...781fdb8. Read the comment docs.

Copy link
Member

@lyndsiWilliams lyndsiWilliams left a comment

Choose a reason for hiding this comment

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

This looks great!

@betodealmeida betodealmeida merged commit ee8b1ed into apache:master Jul 9, 2021
cccs-RyanS pushed a commit to CybercentreCanada/superset that referenced this pull request Dec 17, 2021
* update trash icon size

* changed badge icon `height` to `16px` (using `gridUnits` and centered text inside via `line-height`

* changed badge icon `height` to `16px` (using `gridUnits`), centered text inside via `line-height`, alignedItems inside div w/flex
QAlexBall pushed a commit to QAlexBall/superset that referenced this pull request Dec 29, 2021
* update trash icon size

* changed badge icon `height` to `16px` (using `gridUnits` and centered text inside via `line-height`

* changed badge icon `height` to `16px` (using `gridUnits`), centered text inside via `line-height`, alignedItems inside div w/flex
@eschutho eschutho added the Superset-Community-Partners Preset community partner program participants label Jan 5, 2022
cccs-rc pushed a commit to CybercentreCanada/superset that referenced this pull request Mar 6, 2024
* update trash icon size

* changed badge icon `height` to `16px` (using `gridUnits` and centered text inside via `line-height`

* changed badge icon `height` to `16px` (using `gridUnits`), centered text inside via `line-height`, alignedItems inside div w/flex
@mistercrunch mistercrunch added 🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 1.3.0 labels Mar 12, 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 size/S Superset-Community-Partners Preset community partner program participants 🚢 1.3.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants