codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-27 17:46:05 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

FEATURE: show date ranges in top period chooser

Browse source
This commit is contained in:
Neil Lalonde 2016-01-15 17:45:00 -05:00
parent 6e3d52901a
commit 89be23a5d4
2 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/discourse/templates/components/period-chooser.hbs
View file

@ -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>

14
app/assets/stylesheets/common/base/_topic-list.scss
View file

@ -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%);
}