FIX: reduces visual noise of grouped events on mobile (#38)

FIX: reduces visual noise of grouped events on mobile (#38)

diff --git a/assets/javascripts/initializers/discourse-calendar.js.es6 b/assets/javascripts/initializers/discourse-calendar.js.es6
index fe3ff05..2299952 100644
--- a/assets/javascripts/initializers/discourse-calendar.js.es6
+++ b/assets/javascripts/initializers/discourse-calendar.js.es6
@@ -389,13 +389,20 @@ function initializeDiscourseCalendar(api) {
     const event = _buildEvent(detail);
     event.classNames = ["grouped-event"];
 
+    const site = api.container.lookup("site:main");
+
     if (usernames.length > 3) {
       event.title =
-        `(${usernames.length}) ` + I18n.t("discourse_calendar.holiday");
+        site && site.mobileView
+          ? usernames.length
+          : `(${usernames.length}) ` + I18n.t("discourse_calendar.holiday");
     } else if (usernames.length === 1) {
       event.title = usernames[0];
     } else {
-      event.title = `(${usernames.length}) ` + usernames.slice(0, 3).join(", ");
+      event.title =
+        site && site.mobileView
+          ? usernames.length
+          : `(${usernames.length}) ` + usernames.slice(0, 3).join(", ");
     }
 
     if (localEventNames.length > 1) {
diff --git a/assets/stylesheets/common/discourse-calendar.scss b/assets/stylesheets/common/discourse-calendar.scss
index 772774b..604b19d 100644
--- a/assets/stylesheets/common/discourse-calendar.scss
+++ b/assets/stylesheets/common/discourse-calendar.scss
@@ -124,8 +124,7 @@
     }
 
     &.grouped-event {
-      background-color: none;
-      background: $secondary;
+      background-color: $primary-low;
       border: 1px solid $primary-low-mid;
       color: $primary;
 

GitHub sha: 3966e58c

This commit appears in #38 which was merged by jjaffeux.