Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[feature]: Color Saturday and Sunday #309

Closed
reinsp5 opened this issue Mar 27, 2024 · 3 comments · Fixed by #549
Closed

[feature]: Color Saturday and Sunday #309

reinsp5 opened this issue Mar 27, 2024 · 3 comments · Fixed by #549
Labels
enhancement New feature or request good first issue Good for newcomers

Comments

@reinsp5
Copy link

reinsp5 commented Mar 27, 2024

Is your feature request related to a problem? Please describe.
All days of the week are shown in the same color, but most actual calendars have colors for Saturday and Sunday.

Describe the solution you'd like
The Month* view has a data-date attribute, but the other views do not.
Also, it might be nice to have a CSS class for each day of the week, in case you want to color all of a particular day of the week at once.
ex: class="sx__sunday"

Additional context
image

@tomosterlund tomosterlund added the enhancement New feature or request label Apr 1, 2024
@tomosterlund
Copy link
Collaborator

Thanks!

I think it could then be implemented like this.

Elements with the following classes
sx__week-grid__date
sx__time-grid-day
sx__month-grid-day
sx__month-agenda-day

will always be accompanied by a class for the weekday, like sx__monday, sx__tuesday etc

@reinsp5
Copy link
Author

reinsp5 commented Apr 7, 2024

Thanks, tomosterlund!

I think that's a good idea too. I think it would be useful to have a dedicated class for each day of the week to apply the style all together.

@tomosterlund tomosterlund added the good first issue Good for newcomers label Apr 9, 2024
@glennwilton
Copy link

A css workaround that only works on week view is

  .sx__time-grid-day:nth-of-type(2),
  .sx__time-grid-day:last-child{
      background: #eee;
      mix-blend-mode: multiply; 
  }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants