Abhirup-99 commented on PR #34772:
URL: https://github.com/apache/superset/pull/34772#issuecomment-3218019071
@msyavuz @mistercrunch the styles are coming from the geostyler library
inside node modules.
```
.ant-color-picker .ant-color-picker-slider-container {
padding-bottom: 6px;
}
.ant-color-picker .ant-color-picker-slider-container
.ant-color-picker-slider-group {
align-self: end;
}
.ant-color-picker .ant-color-picker-slider-alpha,
.ant-color-picker .ant-color-picker-alpha-input,
.ant-color-picker .ant-color-picker-format-select {
display: none;
}
```
these are unscoped styles inside
https://github.com/geostyler/geostyler/blob/a5960db5592d1661fdcf1bbc6dc234bf97c383ee/src/Component/Symbolizer/Field/ColorField/ColorField.css#L26
Antd doesn't allow adding a classname to the popover which is created when
the color picker is clicked. https://ant.design/components/color-picker
An alternative could be to scope the entire panel under a div using
panelrender and style the div with the changes with we are looking for.
```
panelRender Custom Render Panel (panel: React.ReactNode, extra: {
components: { Picker: FC; Presets: FC } }) => React.ReactNode - 5.7.0
```
or ask the geostyles team to do the same for their colorpicker CSS
properties.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
