UX: always wrap new dot and date onto same line

discourse · May 30, 2024 · e418b3f · e418b3f
1 parent 3dc9e84
commit e418b3f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/assets/javascripts/discourse/connectors/topic-list-after-title/event-date.hbr b/assets/javascripts/discourse/connectors/topic-list-after-title/event-date.hbr
@@ -1,5 +1,5 @@
 {{#if context.siteSettings.discourse_post_event_enabled}}
     {{#if context.topic.event_starts_at}}
-        {{~raw "event-date-container" topic=context.topic}}
+        {{~raw "event-date-container" topic=context.topic~}}
     {{/if}}
 {{/if}}
diff --git a/assets/stylesheets/common/discourse-post-event-core-ext.scss b/assets/stylesheets/common/discourse-post-event-core-ext.scss
@@ -6,6 +6,13 @@
   }
 }
 
+.link-top-line {
+  .event-date-container-wrapper {
+    // prevents new dot from breaking separately onto next line
+    white-space: nowrap;
+  }
+}
+
 .link-top-line,
 .header-title {
   .event-date {
@@ -17,6 +24,7 @@
     padding: 0 0.25em;
     border-radius: 3px;
     pointer-events: auto; // needed to show title attribute on hover
+    vertical-align: text-bottom;
 
     .indicator {
       display: flex;