github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-04-30 12:54:36 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Merge pull request #3548 from tgxworld/coloured_hearts

Browse Source 
UX: Seeing black hearts make me sad.
This commit is contained in:
Jeff Atwood 2015-07-10 11:44:50 -07:00
commit ce86c9956e
4 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,3 +9,5 @@
@import "common/input_tip"; @import "common/input_tip";
@import "common/topic-entrance"; @import "common/topic-entrance";
@import "common/base/*"; @import "common/base/*";
.fa-heart:before { color: $love; }

1
app/assets/stylesheets/common/base/directory.scss
View File

@ -46,7 +46,6 @@
width: 13%; width: 13%;
i.fa-heart { i.fa-heart {
color: $love;
margin-right: 0.5em; margin-right: 0.5em;
} }
i.fa-chevron-down, i.fa-chevron-up { i.fa-chevron-down, i.fa-chevron-up {

8
app/assets/stylesheets/desktop/topic-post.scss
View File

@ -177,8 +177,16 @@ nav.post-controls {
color: $secondary; color: $secondary;
} }
&.like {
i.fa-heart:before {
color: scale-color($primary, $lightness: 60%);
}
}
&.like:hover { &.like:hover {
i.fa-heart:before {
color: $love; color: $love;
}
background: dark-light-diff($love, $secondary, 85%, -60%) background: dark-light-diff($love, $secondary, 85%, -60%)
} }

4
app/assets/stylesheets/mobile/directory.scss
View File

@ -40,10 +40,6 @@
margin-left: 0.2em; margin-left: 0.2em;
color: dark-light-diff($primary, $secondary, 50%, -50%); color: dark-light-diff($primary, $secondary, 50%, -50%);
} }
i.fa-heart {
color: $love;
}
} }
margin-bottom: 1em; margin-bottom: 1em;
} }