eouia / MMM-CalendarExt

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

cannot see event times #58

Closed flamtapgt closed 5 years ago

flamtapgt commented 5 years ago

Hi, I really like this module, but I can't get the event times to show up on the calendar. I set 'oneLineEvent' to 0 but I still only see the event name.

This is my config:

            {

module: 'MMM-CalendarExt', position: "top_left", config: { system: { show: ['weeks'] }, views: { weeks: { position: 'lower_third', showWeeks: 0, counts: 4, oneLineEvent: 1 } }, calendars: [ { styleName: "style1", url: "https://calendar.google.com/calendar/ical//basic.ics", } ] } }, /

Thank you for any assistance,

flamtapgt

eouia commented 5 years ago

In weeks and months, I think there is not enough area to show eventTime, so I hide it. But if you want to show it nevertheless, Add belows into your css/custom.css

.CALEXT .tableStyle .eventTime {
    display:block;
}
flamtapgt commented 5 years ago

Thank you, this worked. I would like to make the font for the times a little smaller, and the font for the event names a little bigger. Can you tell me where I would find the code to do this?

eouia commented 5 years ago

modify your css/custom.css to something like this.

.CALEXT .tableStyle .eventTime {
  display:block;
  font-size: 10px;
}

.CALEXT .tableStyle .eventContent {
  font-size:13px;
}

Adjust the value as your desire. Anyway, you might need to adjust other propertiy-values also (like margin, padding or line-height, etc) See MMM-CalendarExt.css and find what you need, then redefine it in css/custom.css

flamtapgt commented 5 years ago

Thanks!