Adjusting Calendar Size in Desktop

[Ethsim2 (Ethan Mees)]

@Heliosurge

Well as far as I have observed haven’t seen a Calender companion TC. You might though be able to create a custom Theme component using inspect element in your browser to identify and adjust the calender size in Desktop. Just be sure to put it in the Desktop CSS header

I was inspecting inside the html class containing desktop-view not-mobile-device, to reduce the calendar size on desktop, and have found where the CSS might need to be changed to achieve this task.

the class fc-month view appears to be the calendar widget we’re interested in, and i was able to resize it locally and relatively, using CSS, through the fc-view-container class. However, i was only able to scale the width, not the height or overall size.

Has anyone else encountered this issue, when trying to modify locally?

[pmusaraj (Penar Musaraj)]

You should be able to change the height using the .calendar.fc element.

[Ethsim2 (Ethan Mees)]

Ah, but unfortunately you’ve pictured the per topic calendar, and not the category one

[pmusaraj (Penar Musaraj)]

Same element is shown on the category view. You may need a bit more CSS though:

#main-outlet .calendar.fc.fc-unthemed {
  height: 200px;
  overflow-y: scroll;
}