diff --git a/assets/javascripts/initializers/discourse-calendar.js.es6 b/assets/javascripts/initializers/discourse-calendar.js.es6 index dc4befe3..eca7d014 100644 --- a/assets/javascripts/initializers/discourse-calendar.js.es6 +++ b/assets/javascripts/initializers/discourse-calendar.js.es6 @@ -279,7 +279,7 @@ function initializeDiscourseCalendar(api) { calendar.setOption("eventClick", ({ event, jsEvent }) => { hidePopover(jsEvent); - const { postNumber, postUrl } = event.extendedProps; + const { htmlContent, postNumber, postUrl } = event.extendedProps; if (postUrl) { DiscourseURL.routeTo(postUrl); @@ -287,6 +287,8 @@ function initializeDiscourseCalendar(api) { _topicController = _topicController || api.container.lookup("controller:topic"); _topicController.send("jumpToPost", postNumber); + } else if (document.querySelector(".mobile-view") && htmlContent) { + showPopover(jsEvent, { htmlContent }); } }); diff --git a/assets/stylesheets/mobile/discourse-calendar.scss b/assets/stylesheets/mobile/discourse-calendar.scss index e85ac8dd..e8211750 100644 --- a/assets/stylesheets/mobile/discourse-calendar.scss +++ b/assets/stylesheets/mobile/discourse-calendar.scss @@ -1,5 +1,24 @@ -.calendar { - .fc-list-item-add-to-calendar { - display: block; +.discourse-calendar-wrap { + border: 0; + margin-top: 1em; + + .discourse-calendar-header { + padding: 0; + background: none; + + h2.discourse-calendar-title { + font-size: $font-down-1; + } + + .discourse-calendar-timezone-picker { + width: 120px; + } + } + + .calendar { + padding: 0; + .fc-list-item-add-to-calendar { + display: block; + } } }