Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-04 08:47:37 +08:00
Code Packages Activity Actions 12

FIX: Missing messages incoming indicator for mobile.

Browse source
This commit is contained in:
Guo Xiang Tan 2018-03-07 10:27:18 +08:00
parent 2e5c18d130
commit 82619c2445
4 changed files with 21 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/assets/javascripts/discourse/templates/mobile/components/basic-topic-list.hbs
View file

@ -1,4 +1,13 @@
{{#conditional-loading-spinner condition=loading}} {{#conditional-loading-spinner condition=loading}}
{{#if hasIncoming}}
<div class="show-mores">
<div class='alert alert-info clickable' {{action "showInserted"}}>
{{count-i18n key="topic_count_" suffix="latest" count=incomingCount}}
{{i18n 'click_to_show'}}
</div>
</div>
{{/if}}
{{#if topics}} {{#if topics}}
<table class="topic-list"> <table class="topic-list">
<tbody> <tbody>

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

@ -13,7 +13,6 @@
} }
.show-mores { .show-mores {
position: absolute;
width: 100%; width: 100%;
} }
} }

4
app/assets/stylesheets/desktop/user.scss
View file

@ -8,6 +8,10 @@
margin-top: 10px; margin-top: 10px;
} }
} }
.show-mores {
position: absolute;
}
} }
.profile-image { .profile-image {

16
app/assets/stylesheets/mobile/user.scss
View file

@ -143,20 +143,20 @@
display: flex; display: flex;
flex: 1 1 auto; flex: 1 1 auto;
flex-wrap: wrap; flex-wrap: wrap;
} }
li { li {
display: flex; display: flex;
flex: 1 1 auto; flex: 1 1 auto;
margin: 0 5px; margin: 0 5px;
} }
span { span {
flex: 0 1 100%; flex: 0 1 100%;
margin: 0 5px; margin: 0 5px;
} }
.user-profile-controls-outlet { .user-profile-controls-outlet {
margin: 0; margin: 0;
li { li {
@ -165,7 +165,7 @@
} }
a { a {
flex: 1 1 auto; flex: 1 1 auto;
min-width: 120px; min-width: 120px;
} }
} }
@ -214,7 +214,7 @@
} }
.stats-section { .stats-section {
li { li {
margin: 0 15px 10px 0; margin: 0 15px 10px 0;
padding: 0; padding: 0;
&.linked-stat { &.linked-stat {
@ -277,7 +277,7 @@
.checkbox-label { .checkbox-label {
display: flex; display: flex;
overflow: auto; overflow: auto;
width: 100%; width: 100%;
padding: 5px 0; padding: 5px 0;
input { input {