From 5722f85c85afa42a4e7926c13a32059adf69371b Mon Sep 17 00:00:00 2001 From: danielvincent Date: Thu, 14 Oct 2010 15:00:47 -0700 Subject: [PATCH] message in aspect if stream is empty --- app/views/aspects/show.html.haml | 5 +++++ public/stylesheets/application.css | 16 ++++++++++++++++ public/stylesheets/sass/application.sass | 24 ++++++++++++++++++++++++ 3 files changed, 45 insertions(+) diff --git a/app/views/aspects/show.html.haml b/app/views/aspects/show.html.haml index 1cd12d0a4..5f8354803 100644 --- a/app/views/aspects/show.html.haml +++ b/app/views/aspects/show.html.haml @@ -11,6 +11,11 @@ %ul#stream - for post in @posts = render type_partial(post), :post => post unless post.class == Album +- if @posts.size == 0 + .empty_message + .null_arrow ⇧ + %h3 Nobody has said anything yet. Get the conversation started! + #pagination = will_paginate @posts diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 172c6a68e..e4c94610a 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -753,3 +753,19 @@ ul#settings_nav { border-bottom: 1px solid #cccccc; } #left_pane ul li a:hover:after { content: " ►"; } + +.empty_message { + margin-top: 12px; + text-align: center; + color: #777777; + margin-left: 70px; + padding: 1em; + padding-top: 0; + width: 80%; + border: 2px dashed #777777; + border-radius: 5px; } + .empty_message h3 { + color: #777777; } + .empty_message .null_arrow { + font-size: 80px; + display: inline-block; } diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index dba3e4812..072ba8fad 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -980,3 +980,27 @@ ul#settings_nav &:hover &:after :content " ►" + +.empty_message + :margin + :top 12px + :text + :align center + + :color #777 + h3 + :color #777 + + :margin + :left 70px + :padding 1em + :top 0 + :width 80% + :border 2px dashed #777 + :border-radius 5px + + .null_arrow + :font + :size 80px + :display inline-block +