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

174 - Refine UI styling Files Tab #175

Merged
merged 8 commits into from
Sep 25, 2023

Conversation

MellyGray
Copy link
Contributor

@MellyGray MellyGray commented Sep 20, 2023

What this PR does / why we need it:

This PR addresses the issue of CSS styling inconsistencies in the Files Tab. It ensures that the styles for the Files Tab are consistent with the JSF UI.

Which issue(s) this PR closes:

Special notes for your reviewer:

Some changes where requested in this other PR

Suggestions on how to test this:

To test the changes introduced by this PR, follow these steps:

Install the necessary dependencies using npm install.
Build the design system with cd packages/design-system && npm run build.
Navigate back to the root directory with cd ../../.
Start Storybook with npm run storybook.
Visit the Dataset Page in Storybook and inspect the Files Tab.
Ensure that the Files Tab elements are displayed consistently and that the styles have been improved according to the changes made in this PR. Compare the display to the previous state

Does this PR introduce a user interface change? If mockups are available, please link/include them here:

Is there a release notes update needed for this change?:

No

Additional documentation:

@MellyGray MellyGray changed the title Feature/174 refine UI styling file tab 168 - Refine UI styling Files Tab Sep 20, 2023
@coveralls
Copy link

coveralls commented Sep 20, 2023

Coverage Status

coverage: 97.897% (-0.05%) from 97.942% when pulling b5ec5fb on feature/174-refine-ui-styling-file-tab into 441ee0d on develop.

@MellyGray MellyGray changed the title 168 - Refine UI styling Files Tab 174 - Refine UI styling Files Tab Sep 20, 2023
@MellyGray MellyGray marked this pull request as ready for review September 20, 2023 14:42
@MellyGray MellyGray added the Size: 3 A percentage of a sprint. 2.1 hours. label Sep 20, 2023
Base automatically changed from feature/168-integration-file-counts to feature/167-integration-dataset-page-filters September 22, 2023 10:47
Base automatically changed from feature/167-integration-dataset-page-filters to develop September 22, 2023 19:38
@GPortas GPortas self-assigned this Sep 25, 2023
@MellyGray MellyGray linked an issue Sep 25, 2023 that may be closed by this pull request
Copy link
Contributor

@GPortas GPortas left a comment

Choose a reason for hiding this comment

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

The UI looks amazing ✨. This is going to look great in the next demo video!

SPA1

SPA2

Thank you @MellyGray !!

@GPortas GPortas removed their assignment Sep 25, 2023
@kcondon kcondon self-assigned this Sep 25, 2023
@kcondon kcondon merged commit 6d8ecd8 into develop Sep 25, 2023
4 of 6 checks passed
@kcondon kcondon deleted the feature/174-refine-ui-styling-file-tab branch September 25, 2023 14:50
jayanthkomarraju pushed a commit to jayanthkomarraju/dataverse-frontend that referenced this pull request May 31, 2024
…ile-tab

174 - Refine UI styling Files Tab
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Size: 3 A percentage of a sprint. 2.1 hours.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Spike - Frontend] Refine UI styling of file tab action buttons
4 participants