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

UX: Increase contrast of pinned/tracking reason text, improve layout

Browse Source
This commit is contained in:
Kris 2019-07-29 11:54:23 -04:00
parent ef46231214
commit 36cb5f3038
3 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -931,3 +931,12 @@ a.mention-group {
margin-right: 0.65em;
}
}
#topic-footer-buttons {
.reason {
color: $primary-high;
display: inline;
margin: 0 0 0 8px;
line-height: $line-height-medium;
}
}

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

@ -441,9 +441,6 @@ nav.post-controls {
#topic-footer-buttons {
padding: 10px 10px 0 0;
float: left;
p {
color: dark-light-choose($primary-medium, $secondary-medium);
}
.btn {
@include topic-footer-button;
.d-icon-bookmark.bookmarked {

17
app/assets/stylesheets/mobile/topic-post.scss
View File

@ -246,10 +246,19 @@ a.reply-to-tab {
}
}
#topic-footer-buttons .reason {
/* this is to force the drop-down notification state description para below the button */
margin: 0;
color: dark-light-choose($primary-medium, $secondary-medium);
#topic-footer-buttons {
.topic-notifications-button,
.pinned-button {
display: flex;
align-items: center;
@include breakpoint(mobile-medium) {
display: inline-block;
.reason {
display: block;
margin: 0.5em 0 0 0;
}
}
}
}
#topic-footer-button {