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

fix(CanvasForm): Improvements over the ParametersField component #1489

Merged
merged 1 commit into from
Oct 1, 2024

Conversation

lordrip
Copy link
Member

@lordrip lordrip commented Sep 26, 2024

Context

This handles styling topics around the PropertiesField.

Improvements

  • When the PropertiesField contains properties, the expandable section is expanded by default
  • Reduced the left and right padding
  • Changes the containing Td so it can limit the overflow
  • Add a few missing tests
Before After
image image
image image

fix: #1473

text-overflow: ellipsis;
white-space: nowrap;

--pf-v5-c-table--cell--PaddingLeft: 0 !important;
Copy link
Member Author

Choose a reason for hiding this comment

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

Today is a sad day for the CSS folks, I'm sorry for doing this 😢

@lordrip lordrip force-pushed the fix/parameters-field branch 2 times, most recently from cef73df to 60ebaa1 Compare September 30, 2024 13:39
@lordrip lordrip marked this pull request as ready for review September 30, 2024 13:39
@lordrip lordrip changed the title Fix/parameters field fix(CanvasForm): Improvements over the ParametersField component Sep 30, 2024
@lordrip lordrip requested review from igarashitm, shivamG640 and tplevko and removed request for igarashitm September 30, 2024 14:35
@lordrip lordrip marked this pull request as draft October 1, 2024 07:38
@lordrip lordrip force-pushed the fix/parameters-field branch from 60ebaa1 to 3ed2df1 Compare October 1, 2024 08:04
Copy link

codecov bot commented Oct 1, 2024

Codecov Report

Attention: Patch coverage is 96.36364% with 2 lines in your changes missing coverage. Please review.

Please upload report for BASE (main@c36f314). Learn more about missing BASE report.

Files with missing lines Patch % Lines
.../ui/src/components/Form/properties/PropertyRow.tsx 80.00% 1 Missing ⚠️
packages/ui/src/utils/join-path.ts 75.00% 1 Missing ⚠️
Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1489   +/-   ##
=======================================
  Coverage        ?   69.11%           
  Complexity      ?       26           
=======================================
  Files           ?      275           
  Lines           ?     7773           
  Branches        ?     1541           
=======================================
  Hits            ?     5372           
  Misses          ?     2350           
  Partials        ?       51           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@lordrip lordrip marked this pull request as ready for review October 1, 2024 08:16
Currently, the `PropertiesField` component overflows from the containing
`Form`.

This commit:
* Reduces its padding
* Changes the containing `Td` so it can limit the overflow
* Extracts the `PropertiesFieldEmpty` state component
* Add a few missing tests

fix: KaotoIO#1473
@lordrip lordrip force-pushed the fix/parameters-field branch from 3ed2df1 to 8b4e6d4 Compare October 1, 2024 08:53
Copy link

sonarcloud bot commented Oct 1, 2024

@lordrip lordrip merged commit aa0c1b3 into KaotoIO:main Oct 1, 2024
12 checks passed
@lordrip lordrip deleted the fix/parameters-field branch October 1, 2024 09:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

CSS inconsistency in Canvas Form Property type field
3 participants