New-UDUpload - styling

The button created with New-UDUpload is misaligned next to other buttons, unless there’s something I need to add to adjust its position.

Imgur

Also, it adheres to different theme colouring as per some tests below trying to work out what affects each component…

$Theme = @{
palette = @{
    primary = @{
		light='#ec2a2a'
		main = '#cbcbcb'
		dark='#FFA500' # upload button bg hover
		contrastText='#FFA500' # hamburger, upload button text, udelement div tag content text color
	}
	secondary= @{
		light='#fff'
		main = '#FFA500' # switch/toggle-on colour
		dark='#FFA500'
		contrastText='#ec2a2a'
	}
	background = @{
		default='#ffffff'
	}

Cheers,
Steve.

1 Like

Seems this is still the case… @pharnos did you ever figure out a fix?

@adam anything you can think of? New-UDUpload looks pretty ugly next to other buttons and elements.

We need to open an issue for this. I can reproduce as well. This will at least align them.

        New-UDStack -Direction row -Content {
            New-UDButton -Text 'Click' -OnClick {
            }
            New-UDStyle -Style 'margin-top: 8px' -Content {
                New-UDUpload -Text 'Upload' -OnUpload {

                } 
            }

        }
1 Like