Adjusting Calendar Size in Desktop

Development
,

AI-generated summary

Users are discussing how to adjust the calendar size in Desktop. Ethsim2 suggests using inspect element to identify and adjust the calendar size, and found the fc-month view class to be relevant. However, they were only able to scale the width, not the height. pmusaraj recommends using the .calendar.fc element to change the height, but Ethsim2 points out that the suggestion is for the per-topic calendar, not the category one. pmusaraj provides a CSS code snippet to adjust the height of the category calendar, using #main-outlet .calendar.fc.fc-unthemed with a fixed height and scroll overflow.

1

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?

2

CleanShot 2025-01-23 at 10.17.02@2x
CleanShot 2025-01-23 at 10.17.02@2x2104×1500 367 KB

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

3

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

4

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

CleanShot 2025-01-23 at 11.49.57@2x
CleanShot 2025-01-23 at 11.49.57@2x1964×724 40.5 KB

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