UX: New Topics Will Appear Here display changes (#10895)

UX: New Topics Will Appear Here display changes (#10895)

  • UI: No new topics changes This commit changes the way the ‘new topics will appear here’ message displays.
diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss
index f194318..4616154 100644
--- a/app/assets/stylesheets/common/base/_topic-list.scss
+++ b/app/assets/stylesheets/common/base/_topic-list.scss
@@ -302,7 +302,12 @@ ol.category-breadcrumb {
 }
 
 div.education {
-  color: var(--primary-med-or-secondary-med);
+  color: var(--primary);
+  padding: 1em 2.5em 1em 1em;
+  margin-bottom: 2em;
+  border-top: 3px solid var(--primary-low);
+  border-bottom: 1px solid var(--primary-low);
+
   .badge-notification.new-posts {
     vertical-align: text-bottom;
   }
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index edefecc..35448da 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -2190,7 +2190,7 @@ en:
         category: "There are no %{category} topics."
         top: "There are no top topics."
         educate:
-          new: '<p>Your new topics appear here.</p><p>By default, topics are considered new and will show a <span class="badge new-topic badge-notification" style="vertical-align:middle;line-height:inherit;">new</span> indicator if they were created in the last 2 days.</p><p>Visit your <a href="%{userPrefsUrl}">preferences</a> to change this.</p>'
+          new: '<p>Your new topics will appear here. By default, topics are considered new and will show a <span class="badge new-topic badge-notification" style="vertical-align:middle;line-height:inherit;"></span> indicator if they were created in the last 2 days.</p><p>Visit your <a href="%{userPrefsUrl}">preferences</a> to change this.</p>'
           unread: '<p>Your unread topics appear here.</p><p>By default, topics are considered unread and will show unread counts <span class="badge new-posts badge-notification">1</span> if you:</p><ul><li>Created the topic</li><li>Replied to the topic</li><li>Read the topic for more than 4 minutes</li></ul><p>Or if you have explicitly set the topic to Tracked or Watched via the notification control at the bottom of each topic.</p><p>Visit your <a href="%{userPrefsUrl}">preferences</a> to change this.</p>'
       bottom:
         latest: "There are no more latest topics."

GitHub sha: 95a14274

This commit appears in #10895 which was approved by lis2. It was merged by jordanvidrine.