mymth / vanillajs-datepicker

A vanilla JavaScript remake of bootstrap-datepicker for Bulma and other CSS frameworks
MIT License
720 stars 147 forks source link

Compact size #134

Open marcastel opened 1 year ago

marcastel commented 1 year ago

This is more of a question than an issue.

Below my original widget, though less function-rich, but more practical for page estate management(a).

Is there a quick way of squeezing out font size, margins and paddings, to make DatePicker(b)'s footprint ressemble that of my previous widget(c) ?

Original widget DatePicker

(a) I use this widget to perform inline editing of dates in a table that often contains many timed events; keeping the widget size small here is more important than in a regular form.

(a) In the DatePicker snapshot above not all numbers are of the same font size. This is me trying to tweak around with the CSS :-)

(c) My question focuses on CSS styling not on content. Typically showing the week number, which was not previously available, is wanted.

mymth commented 1 year ago

I've just released a new version with revised stylesheet. With it, you can customize the size more easily like this.