Fix sidebar positioning, add empty topic message

gdpelican · Sep 4, 2015 · 3eb245a · 3eb245a
1 parent 28b3a69
commit 3eb245a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/assets/javascripts/discourse/templates/components/babble-menu.hbs b/assets/javascripts/discourse/templates/components/babble-menu.hbs
@@ -1,6 +1,9 @@
 {{#menu-panel visible=visible}}
   <section class="babble-chat">
     <ul class="babble-posts">
+      {{#unless topic.postStream.posts}}
+        <li class="babble-empty-topic-message">{{i18n 'babble.empty_topic_message'}}</li>
+      {{/unless}}
       {{#each post in topic.postStream.posts}}
         {{babble-post post=post topic=topic}}
       {{/each}}

diff --git a/assets/stylesheets/babble.scss b/assets/stylesheets/babble.scss
@@ -8,6 +8,12 @@
   overflow: auto;
 }
 
+.babble-empty-topic-message {
+  color: #ccc;
+  text-align: center;
+  padding-top: 25%;
+}
+
 .babble-post .babble-post-avatar a,
 .babble-post .post-date {
   background-color: transparent !important; /* sorry mom. */
@@ -107,6 +113,7 @@ li.babble-post .babble-post-content a.mention {
   .slide-in { // styles for slide-in menu
     box-sizing: border-box;
     padding-bottom: 100px;
+    min-height: 100vh;
 
     .panel-body {
       position: relative;

diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
@@ -5,3 +5,4 @@ en:
       send: "Send"
       title: "Shoutbox!"
       error_message: "Please enter a message!"
+      empty_topic_message: "No messages yet! Enter one below to get started."