Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-06 10:50:21 +08:00
Code Packages Activity Actions 13

FIX: improves contrast on period-chooser when using dark-theme

Browse source
This commit is contained in:
Joffrey JAFFEUX 2018-02-14 11:16:57 +01:00 • committed by GitHub
parent 5d00a97ae9
commit e7761db60f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/discourse/helpers/period-title.js.es6
View file

@ -30,7 +30,7 @@ export default htmlHelper((period, options) => {
break; break;
} }
return `${title} <span class='top-date-string'>${dateString}</span>`; return `<span class="date-section">${title}</span><span class='top-date-string'>${dateString}</span>`;
} else { } else {
return title; return title;
} }

16
app/assets/stylesheets/common/select-kit/period-chooser.scss
View file

@ -18,10 +18,15 @@
h2.selected-name { h2.selected-name {
overflow: auto; overflow: auto;
color: black; color: $secondary;
display: inline-block; display: inline-block;
box-sizing: border-box; box-sizing: border-box;
.date-section {
color: $primary;
margin-right: 5px;
}
.top-date-string { .top-date-string {
font-size: $font-down-1; font-size: $font-down-1;
color: dark-light-choose($primary-medium, $secondary-high); color: dark-light-choose($primary-medium, $secondary-high);
@ -31,7 +36,7 @@
} }
.d-icon { .d-icon {
color: black; color: $primary;
opacity: 1; opacity: 1;
margin: 5px 0 10px 5px; margin: 5px 0 10px 5px;
font-size: $font-up-3; font-size: $font-up-3;
@ -46,8 +51,7 @@
.period-chooser-row { .period-chooser-row {
font-weight: bold; font-weight: bold;
padding: 5px; padding: 5px;;
color: #222;
font-size: $font-up-1; font-size: $font-up-1;
align-items: center; align-items: center;
display: flex; display: flex;
@ -56,6 +60,10 @@
flex: 1; flex: 1;
} }
.date-section {
color: $primary;
}
.top-date-string { .top-date-string {
font-weight: normal; font-weight: normal;
font-size: $font-down-1; font-size: $font-down-1;