Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-21 19:55:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: Globally dim categories slightly

Browse Source
This commit is contained in:
Kris 2018-12-07 20:01:38 -05:00
parent 67450ba402
commit 050c02228e
6 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/stylesheets/common/base/_topic-list.scss
View File

@ -50,9 +50,6 @@
a.title:not(.badge-notification) { a.title:not(.badge-notification) {
color: $primary-medium; color: $primary-medium;
} }
a.badge-wrapper {
opacity: 0.6;
}
} }
.topic-list-main-link { .topic-list-main-link {
@ -136,6 +133,10 @@
.link-bottom-line { .link-bottom-line {
font-size: $font-down-1; font-size: $font-down-1;
a.badge-wrapper.box {
padding-top: 0;
padding-bottom: 0;
}
} }
.topic-featured-link { .topic-featured-link {

10
app/assets/stylesheets/common/base/header.scss
View File

@ -264,12 +264,22 @@
min-width: 5px; min-width: 5px;
} }
} }
.badge-wrapper {
&.bullet,
&.bar,
&.none {
span.badge-category {
color: $header_primary-high;
}
}
}
.topic-header-extra { .topic-header-extra {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
max-width: 100%; max-width: 100%;
flex: 1 0 0%; // unit on flex-basis is required for IE11 flex: 1 0 0%; // unit on flex-basis is required for IE11
.discourse-tags { .discourse-tags {
color: $header_primary-high;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;

2
app/assets/stylesheets/common/base/tagging.scss
View File

@ -80,7 +80,7 @@ $tag-color: $primary-medium;
} }
.extra-info-wrapper & { .extra-info-wrapper & {
color: $header-primary !important; color: $header-primary_high !important;
} }
&.box { &.box {

6
app/assets/stylesheets/common/components/badges.scss
View File

@ -42,7 +42,7 @@
&.bullet { &.bullet {
margin-right: 12px; margin-right: 12px;
span.badge-category { span.badge-category {
color: $primary; color: $primary-high;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
.extra-info-wrapper & { .extra-info-wrapper & {
@ -114,7 +114,7 @@
margin-right: 5px; margin-right: 5px;
span.badge-category { span.badge-category {
color: $primary; color: $primary-high;
padding: 1px 3px; padding: 1px 3px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -139,7 +139,7 @@
// ----- No category style // ----- No category style
&.none { &.none {
color: $primary; color: $primary-high;
margin-right: 5px; margin-right: 5px;
} }
} }

7
app/assets/stylesheets/common/foundation/variables.scss
View File

@ -204,7 +204,12 @@ $primary-high: dark-light-diff($primary, $secondary, 30%, -10%);
//header_primary //header_primary
$header_primary-low: dark-light-diff($header_primary, $secondary, 90%, -65%); $header_primary-low: dark-light-diff($header_primary, $secondary, 90%, -65%);
$header_primary-medium: dark-light-diff($header_primary, $secondary, 50%, -20%); $header_primary-medium: dark-light-diff($header_primary, $secondary, 50%, -20%);
$header_primary-high: dark-light-diff($header_primary, $secondary, 20%, 20%); $header_primary-high: dark-light-diff(
$header_primary,
$header_background,
30%,
-10%
);
//secondary //secondary
$secondary-low: dark-light-diff($secondary, $primary, 70%, -70%); $secondary-low: dark-light-diff($secondary, $primary, 70%, -70%);

4
app/assets/stylesheets/mobile/topic-list.scss
View File

@ -208,10 +208,6 @@
} }
} }
.visited .topic-item-stats .category {
opacity: 0.6;
}
.age { .age {
white-space: nowrap; white-space: nowrap;
a { a {