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

[ADF-5567] Removed important property from 'permission-list.component.scss' in ADF #9144

Closed
wants to merge 12 commits into from

Conversation

Yasa-Nataliya
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)
use !important for styles should be disallowed.

What is the new behaviour?
I have removed 'important' property from ''permission-list.component.scss''. After removing the important property I tested ACA, ADF, and ADW, and it’s working as expected.

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://alfresco.atlassian.net/browse/ADF-5567

@@ -92,3 +85,12 @@
box-shadow: 0 8px 9px -5px var(--adf-theme-foreground-divider-color), 0 15px 22px 2px var(--adf-theme-foreground-divider-color);
}
}

.adf-datatable .adf-datatable-row .adf-datatable-cell-value .adf-permission-role-column-header {
Copy link
Contributor

Choose a reason for hiding this comment

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

Why are you overriding these styles here instead of in component where adf-permission-role-column-header class is used? This class is not in html of permission-list component. You can override styles for adf-permission-role-column-header in component which has that class in html.


.adf-datatable .adf-datatable-row .adf-datatable-cell-value .adf-permission-role-column-header {
position: relative;
height: 40px;
Copy link
Contributor

Choose a reason for hiding this comment

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

Height style seems not working because of some reasons. If you check console it is grayed out:
image

position: relative;
height: 40px;

.mat-form-field-infix {
Copy link
Contributor

Choose a reason for hiding this comment

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

We should not override styles for material classes.

Copy link

Quality Gate Passed Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

@Yasa-Nataliya
Copy link
Contributor Author

As this PR contains some other commits as well, closing it raises another PR: #9184

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.

4 participants