Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Improving user stream alignment and spacing

This commit is contained in:
Kris 2019-01-17 17:29:27 -05:00
parent 43bb16de27
commit d5d994e24a
5 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/javascripts/discourse/templates/components/user-stream-item.hbs
View File

@ -36,11 +36,11 @@
{{/if}} {{/if}}
<p class='excerpt' data-topic-id="{{item.topic_id}}" data-post-id="{{item.post_id}}" data-user-id="{{item.user_id}}"> <p class='excerpt' data-topic-id="{{item.topic_id}}" data-post-id="{{item.post_id}}" data-user-id="{{item.user_id}}">
{{#if item.expandedExcerpt}} {{~#if item.expandedExcerpt}}
{{{item.expandedExcerpt}}} {{~{item.expandedExcerpt}~}}
{{else}} {{else}}
{{{item.excerpt}}} {{~{item.excerpt}~}}
{{/if}} {{/if~}}
</p> </p>
{{#each item.children as |child|}} {{#each item.children as |child|}}

2
app/assets/javascripts/discourse/templates/user/messages.hbs
View File

@ -57,7 +57,7 @@
<section class='user-right messages'> <section class='user-right messages'>
<div class="clearfix list-actions"> <div class="list-actions">
{{#if showToggleBulkSelect}} {{#if showToggleBulkSelect}}
<button {{action "toggleBulkSelect"}} class="btn btn-default bulk-select no-text" title="{{i18n "user.messages.bulk_select"}}"> <button {{action "toggleBulkSelect"}} class="btn btn-default bulk-select no-text" title="{{i18n "user.messages.bulk_select"}}">
{{d-icon "list"}} {{d-icon "list"}}

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

@ -2,6 +2,7 @@
// These styles are also used for "/groups" — test those pages if making significant changes // These styles are also used for "/groups" — test those pages if making significant changes
.user-right { .user-right {
.list-actions { .list-actions {
display: flex;
margin-bottom: 10px; margin-bottom: 10px;
.btn { .btn {

6
app/assets/stylesheets/common/components/user-stream-item.scss
View File

@ -122,11 +122,13 @@
} }
.excerpt { .excerpt {
margin: 5px 0; margin: 1em 0 0 0;
font-size: $font-0; font-size: $font-0;
word-wrap: break-word; word-wrap: break-word;
color: $primary; color: $primary;
&:empty {
display: none;
}
details.disabled { details.disabled {
color: $primary-medium; color: $primary-medium;
} }

2
app/assets/stylesheets/desktop/components/user-stream-item.scss
View File

@ -7,7 +7,7 @@
// selectors below are its children // selectors below are its children
.item, .item,
.user-stream-item { .user-stream-item {
padding: 20px 8px 15px 8px; padding: 1em 0.53em;
} }
.time, .time,