eouia / MMM-CalendarExt

Calendar views for MagicMirror
MIT License
57 stars 18 forks source link

Add separation between the current week and following week #35

Closed ingo916 closed 6 years ago

ingo916 commented 6 years ago

Is it possible to add separation between the current week and following week when the calendar is displayed in weeks? I would like to add some space between the bottom and top of the calendars see attached image with red arrow mark. "system": { "show": ["weeks"] 2018-07-16_15-39-05

eouia commented 6 years ago

Not tested, but I think modifying CSS rule of class name ”thisweek” might work.

eouia commented 6 years ago

Are, you just put the "space", not "border"... Hmmm.. the html structure is table so It cannot be separated physically. but what you want is giving attentional look to this week, you can add more decoration. Try this code in your custom.css (not tested but you can get an idea)

.CALEXT  tr.thisweek td {
    border-bottom: 2px solid #FFF;
}
ingo916 commented 6 years ago

Thanks!! the code you recommended works perfectly.