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

[ACS-8453] Fixed alignment issue of reduce panel button in expanded file details #3969

Merged
merged 1 commit into from
Jul 31, 2024

Conversation

swapnil-verma-gl
Copy link
Contributor

Please check if the PR fulfills these requirements

  • The commit message follows our guidelines
  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been added / updated (for bug fixes / features)

What kind of change does this PR introduce? (check one with "x")

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • Documentation
  • Other... Please describe:

What is the current behaviour? (You can also link to an open issue here)
Reduce panel details button was not aligned properly after ng15 upgrade

What is the new behaviour?
Fixed alignment of button

Does this PR introduce a breaking change? (check one with "x")

  • Yes
  • No

If this PR contains a breaking change, please describe the impact and migration path for existing applications: ...

Other information:
https://hyland.atlassian.net/browse/ACS-8453

@@ -3,6 +3,7 @@ app-details-manager {
display: flex;

.aca-close-details-button {
display: flex;
Copy link
Contributor

Choose a reason for hiding this comment

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

the parent container is already flex, can you maybe remove the "margin-right" and "margin-top" and use "gap" (or column/row-gap) instead?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I tried to do that, but the sibling element to the close button is not another button/simple HTML element, but rather the aca-toolbar component. So just adding the gap properties did not have any effect, and we might have to start modifying the styles of the toolbar component as well, which will have a very high impact, since its being used extensively throughout the application

@swapnil-verma-gl swapnil-verma-gl force-pushed the dev-acs-8453-expand-details-btn-align branch from 1c7d17a to 9536f24 Compare July 26, 2024 07:04
Copy link

sonarcloud bot commented Jul 26, 2024

@swapnil-verma-gl swapnil-verma-gl merged commit 042269f into develop Jul 31, 2024
25 checks passed
@swapnil-verma-gl swapnil-verma-gl deleted the dev-acs-8453-expand-details-btn-align branch July 31, 2024 07:23
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.

None yet

5 participants