github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-19 03:12:46 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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
Show Stats 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;
}
return `${title} <span class='top-date-string'>${dateString}</span>`;
return `<span class="date-section">${title}</span><span class='top-date-string'>${dateString}</span>`;
} else {
return title;
}

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

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