From 89be23a5d47f569d551a5ec6faf4d9e790068f31 Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Fri, 15 Jan 2016 17:45:00 -0500
Subject: [PATCH] FEATURE: show date ranges in top period chooser

---
 .../templates/components/period-chooser.hbs        |  2 +-
 .../stylesheets/common/base/_topic-list.scss       | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/components/period-chooser.hbs b/app/assets/javascripts/discourse/templates/components/period-chooser.hbs
index 570d7034e..75e9dd648 100644
--- a/app/assets/javascripts/discourse/templates/components/period-chooser.hbs
+++ b/app/assets/javascripts/discourse/templates/components/period-chooser.hbs
@@ -4,7 +4,7 @@
 <div id='period-popup' {{bind-attr class="showPeriods::hidden :period-popup"}}>
   <ul>
     {{#each p in site.periods}}
-      <li><a href {{action "changePeriod" p}}>{{period-title p}}</a></li>
+      <li><a href {{action "changePeriod" p}}>{{period-title p showDateRange=true}}</a></li>
     {{/each}}
   </ul>
 </div>
diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss
index d0a66d7a8..567b5a35e 100644
--- a/app/assets/stylesheets/common/base/_topic-list.scss
+++ b/app/assets/stylesheets/common/base/_topic-list.scss
@@ -241,15 +241,17 @@ ol.category-breadcrumb {
   h2 {
     float: left;
     margin: 5px 0 10px;
-
     .top-date-string {
-      color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
-      font-weight: normal;
       font-size: 0.7em;
-      text-transform: uppercase;
     }
   }
 
+  .top-date-string {
+    color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
+    font-weight: normal;
+    text-transform: uppercase;
+  }
+
   button {
     outline: 0;
     background: transparent;
@@ -262,6 +264,7 @@ ol.category-breadcrumb {
 
     @include unselectable;
 
+    font-size: 1.2em;
     border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
     padding: 5px;
     background: $secondary;
@@ -281,6 +284,9 @@ ol.category-breadcrumb {
           display: block;
           padding: 5px;
         }
+        .top-date-string {
+          font-size: 0.8em;
+        }
         &:hover {
           background-color: dark-light-diff($highlight, $secondary, 50%, -70%);
         }