svelte-calendar icon indicating copy to clipboard operation
svelte-calendar copied to clipboard

[feature] style the button before styling the calendar

Open BigBoulard opened this issue 4 years ago • 2 comments
trafficstars

Hi,

Just a quick suggestion. It would have been cool to be able to style the button : width, height, disable the drop shadow etc. instead of doing things like this in the parent:

:global(div.trigger > div.button-container > button) {
		box-shadow: none;
	}

Note that because of the specificity, div.button-container > button doesn't work but div.trigger > div.button-container > button is doing the job for removing the box-shadow on the button.

Best.

BigBoulard avatar Sep 21 '21 20:09 BigBoulard

Did you know that you can provide your own button/trigger for the calendar?

I'm happy to add more theming capabilities to the default trigger but providing your own button/input/etc is often going to be the best course of action

6eDesign avatar Sep 30 '21 14:09 6eDesign

You can provide your own button, but in 3.1.6 you can't pass style to it's internals, e.g. style="width: 100%;". In 2.0.4 you can.

rafrafek avatar Jan 14 '22 12:01 rafrafek