lemoynelibrary / lemoyne

Files used in setting up new web design in LibGuides v2 and elsewhere
5 stars 1 forks source link

LibCal : Background color on monthly hours display is borked #86

Closed tomkeays closed 2 years ago

tomkeays commented 2 years ago

Currently displaying text of #777 on a background of #000. Big time accessibility issue, non-compliant with Le Moyne Library styles ... and ugly.

image

See Monthly tab of https://lemoyne.libcal.com/hours/

Add this to local stylesheet in Custom JS/CSS Code of Look & Feel to fix.

<style>
/* Fix background of Monthly calendar display in https://lemoyne.libcal.com/hours/ */
.s-lc-hm-loc {
  color: #000;
}
.s-lc-hm-bg-662 {
  background-color: inherit;
}
.s-lc-hm-bg-585 {
  background-color: inherit;
}
</style>
tomkeays commented 2 years ago

For good measure, should probably beef up the font size as well as making the font color black. Like this, maybe?

.s-lc-hm-day-l {
  color: #000;
  font-size: 1.5rem;
}
.s-lc-hm-loc {
  color: #000;
  font-size: 1.4rem;
}

With the other change, it gives us this:

image

shostap commented 2 years ago

This was done in consultation with Tom. We took care of it last week. The LibCal systems style sheet loads in after the local css so you can't override the system css for somethings like the background in each date cell.