Misaligned Attendance Calendar Display

When viewing the term-based attendance calendar, the weekly layout does not align consistently across browsers. Cells that should appear in a continuous grid layout instead display staggered or broken alignment in multiple browsers.

The issue appears to affect the rendering of day blocks—particularly where weekends or non-attendance days (e.g., “Golden Week”) are inserted.

Attached are two screenshots for comparison, both in Safari and Chrome.

Hi @cSanders This is very strange. I’ve tested Chrome, Safari and Firefox and they are all working as expected, with boxes aligned correctly. Is there any chance you’ve made custom changes to the resources/templates/studentHistory.twig.html file? Or perhaps made custom changes to the CSS files? Are there any other areas of the system that also don’t line up? This page uses flexbox to align the boxes, which is a fairly standard CSS code, so it should be looking consistent across browsers.

I haven’t made any changes intentionally and it’s extremely unlikely that I’ve made changes unintentionally. I just confirmed line-by-line that resources/templates/components/studentHistory.twig.html is the same as in the repo. I’ve also checked on a few other computers and operating systems, all the same.

Hi @cSanders Thanks for your bug report. I found some time to dig deeper and discovered the issue is related to having all seven weekdays set as school days. The template uses Tailwind classes for the width, but apparently Tailwind doesn’t have a 1/7th width class, so this was resulting in the unstyled widths of the boxes. I’ve fixed the issue in the following commit: Attendance: fixed Student History display when all seven weekdays are… · GibbonEdu/core@a85cdaf · GitHub

If you update your system with the new files for this commit, and then use System Admin > Cache Manager and clear Front End Cache, this should update the stylesheets (shift-refresh on an individual browser will also clear local cache when refreshing).

It’s beautiful! But there’s a minor change still needed. The header text isn’t aligned :sweat_smile: .

Thanks for getting this resolved so quickly! I would never in a million years figure this out. We have to use 7 day school weeks because of government mandated workback weekends. They’re infrequent but I couldn’t think of any other way to make an exception to school days. Maybe in v31!