Fix navigation toggle overlap

[jancborchardt]

This fixes the leftovers of nextcloud/groupware#2
The only part where this is still a problem is in month view in mobile mode, but all the rest is significantly better so I would consider it done for now.

Navigation.toggle.before.mp4

Nav.toggle.fix.mp4

[codecov]

Codecov Report

Patch coverage: 50.00% and no project coverage change.

Comparison is base (814980e) 22.74% compared to head (a87c736) 22.74%.
Report is 6 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##               main    #5391   +/-   ##
=========================================
  Coverage     22.74%   22.74%           
  Complexity      372      372           
=========================================
  Files           237      237           
  Lines         11684    11684           
  Branches       2270     2270           
=========================================
  Hits           2657     2657           
  Misses         9027     9027           

Flag	Coverage Δ
javascript	13.95% <50.00%> (ø)
php	65.47% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Changed	Coverage Δ
src/views/Calendar.vue	0.00% <ø> (ø)
src/views/EditSidebar.vue	0.00% <0.00%> (ø)
src/store/settings.js	88.59% <100.00%> (ø)

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[st3iny]

Tested and works. Thank you very much for fixing this ❤️

[st3iny]

/backport to stable4.4

[raimund-schluessler]

Sorry to ruin the party here, but if one enables Show week numbers, the navigation toggle now overlaps the week number completely. This is an issue in the day, week and month view.

Day view:

Week view:

Month view:

[jancborchardt]

@raimund-schluessler right, good point.

• in Day and Week view, we could widen the first column a little bit
• in Month view we could make the weekday row higher

Do you think this would be a proper fix or do you see any further issues with that? @ChristophWurst @st3iny @siccovansas

[szaimen]

I found a working solution with

.fc-scrollgrid-sync-inner {
margin-top:8px
}

.fc-timegrid-axis-cushion  {
margin-top:44px;
}