diff --git a/services/web/app/views/project/editor.jade b/services/web/app/views/project/editor.jade index b46b491dd7..e5161b3809 100644 --- a/services/web/app/views/project/editor.jade +++ b/services/web/app/views/project/editor.jade @@ -62,7 +62,7 @@ block content include ./editor/publish-template include ./editor/dropbox - .ui-layout-east(ng-if="!anonymous") + .ui-layout-east include ./editor/chat script(type="text/ng-template", id="genericMessageModalTemplate") diff --git a/services/web/app/views/project/editor/chat.jade b/services/web/app/views/project/editor/chat.jade index ae68d6a5ef..85d08d147a 100644 --- a/services/web/app/views/project/editor/chat.jade +++ b/services/web/app/views/project/editor/chat.jade @@ -1,5 +1,6 @@ aside.chat( - ng-controller="ChatController" + ng-controller="ChatController", + ng-if="!anonymous" ) .messages( infinite-scroll="loadMoreMessages()" @@ -12,6 +13,12 @@ aside.chat( .loading(ng-show="chat.loading") i.fa.fa-fw.fa-spin.fa-refresh |   Loading... + .no-messages.text-center.small(ng-show='!chat.loading && chat.messages.length == 0') + | No messages + .first-message.text-center(ng-show='!chat.loading && chat.messages.length == 0') + | Send your first message + br + i.fa.fa-arrow-down ul.list-unstyled( ng-click="resetUnreadMessages()" ) diff --git a/services/web/public/stylesheets/app/editor/chat.less b/services/web/public/stylesheets/app/editor/chat.less index 717dc37309..08370bce55 100644 --- a/services/web/public/stylesheets/app/editor/chat.less +++ b/services/web/public/stylesheets/app/editor/chat.less @@ -7,6 +7,17 @@ text-align: center; } + .no-messages { + padding: @line-height-computed / 2; + } + + .first-message { + position: absolute; + bottom: 0; + width: 100%; + padding: @line-height-computed / 2; + } + .messages { position: absolute; top: 0;