[REACT] Calendar Year View Zoom In

[skorer]

Hi,

By default, the annual view looks like this.

default year view.png (173.12 KiB) Viewed 78 times

But I want it to be zoomed in like when you zoomed in the browser to %125, 3 months per row and zoomed in. Like this;

zoom in year view.png (152.21 KiB) Viewed 78 times

While zooming the year view on the right side I want to keep the sidebar same size by default. Is there any configuration to implement this?

[johan.isaksson]

Hi,

there is no zoom functionality for the year view. But you should be able to scale it by just setting a larger font-size using CSS.

Try something like this:

.b-panel[data-ref=year] {
	font-size : 20px;
}

[Animal]

Or you can force the issue regardless of font size and screen width using

// Make months 1/3 of total width (allowing for the column gap of 1em)
.b-yearview-content .b-yearview-month {
    flex-basis: calc(33.3% - 1em);
}