I've bought PrimeDesigner and was a little bit disillusioned:
- Customize the basic theme only with the _variables.scss file leads not too far. The styling posibillities are limited. Individual stylings like different border widths AND different border.colors on one element are not possible with just one variable.
- There are inconsistencies, e.g. the variable $inputListItemHighlightBgColor is assigned to the selected element in a dropdown but also to a hovered element in an autocomplete input!
- Some elements like the password meter could not be styled because of inline styles that are added to the component in the JS module (password.js)
- Hardcoded units in the SASS files e.g. _forms.scss, line 412 lead to compiling errors in the Angular CLI when the variable contains an other unit then "em".
Code: Select all
$inputListHeaderPaddingRight + .5em;
It would be absolutely ok for me if it would be somehow possible to override the PrimeDesigner core files. but I don't want to change stuff in the files because then updates to newer version would be impossible. The idea was to do the basic settings with the variables in _variables.scss and do additional styling by overriding parts of the PrimeDesigner SASS files. Therefore I wanted to copy the selectors from the origin SASS files to my _overrides.scss file and include this as last in my _extensions.scss . But this breaks because of the point 4 (hardcoded units) when I try to use "rem" instead of "em" in _variables.scss.
Thanks in advance for your kind help . Cheers, Josef