Bug: wrong border class on day cells

[muhammadsaeedparacha]

Removing the gray-800 border on calendar boxes significantly improves UI.
When I opened the calendar the first time, so many black boxes was overwhelming and it looked far better in the picture in read.me

After removing the gray-800 border, the default rgb(229, 231, 235) is shown which blends in with the rest of the design like it's demonstrated in this picture:

[wdelfuego]

Hi and thanks for opening this issue!

The default calendar should look like this in light mode:

And like this in dark mode:

This is in Safari 15.4 under MacOS Monterey 12.3.1.

Does the default calendar look different for anyone?
If so, could you post a screenshot and tell me which operating system + version and browser + version you're using?

[wdelfuego]

Your fonts also look different. Are you sure it's not a custom css issue?
What version of Nova are you using and did you publish its assets correctly?

[muhammadsaeedparacha]

So the red color is because of custom styling through nova config file for Nova Branding. I removed it and opened in safari (previously I was using Chrome, latest version) and the borders are still there, like:

I will check this on a fresh install and report back

[muhammadsaeedparacha]

@wdelfuego
I think the problem is, the component has border-gray-800, and it might not be showing up for you because nova implements tailwind treeshaking and the class border-gray-800 doesn't even exist in nova version of tailwind compiled css.

I had manually imported a complete version of tailwind, so that all tailwind classes would exist
After I removed my own version of complete tailwindcss, it fixes it.

Fixed:

Solution:
remove the border-gray-800 class from tool.vue

[muhammadsaeedparacha]

I'm sending a PR for this

[wdelfuego]

Good catch @muhammadsaeedparacha, thanks! 👍

[wdelfuego]

This issue resurfaced recently but should be fixed once and for all as of 1.5.1.