Feature request type

Enhance component

Component name

MudColorPicker

Is your feature request related to a problem?

The color field on the color picker is too big for my purposes and adjusting the css only visually works. There are two private values (_maxY/_maxX) which drive the calculation for getting color.

For example if I do:

.mud-picker-color-picker {
     height: 125px;
}

Then visually the color field is half the size, but it only lets you select half the color range:

I should get a value of around #000000 but I am still in the grays.

Describe the solution you'd like

I would like at least for _maxY to become a public parameter so the height of the color field can be changed. This would require setting up the css so the .mud-picker-color-picker height would also change as that is hardcoded currently.

For a test, I made _maxY a public parameter, and hardcoded the css height to 125px:

<MudColorPicker _maxY="125" PickerVariant="PickerVariant.Static" />

<style>
  .mud-picker-color-picker {
    height: 125px;
  }
</style>

Would we want to make both _maxY/_maxX public? When adjusting _maxX the color field is not centered so if we did make X public then we should probably change the css:

Something like:

<style>
  .mud-picker-color-picker {
    width: 156px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
</style>

Have you seen this feature anywhere else?

No response

Describe alternatives you've considered

No response

Pull Request

• I would like to do a Pull Request

Code of Conduct

• I agree to follow this project's Code of Conduct