codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-23 23:58:31 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX: Use loading spinner on notifications

Browse source
This commit is contained in:
Robin Ward 2014-11-12 13:37:36 -05:00
parent 961f676b91
commit fb241a4351
2 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/discourse/templates/notifications.hbs
View file

@ -13,6 +13,6 @@
<div class="none">{{i18n notifications.none}}</div>
{{/if}}
{{else}}
<div class='loading'><i class='fa fa-spinner fa-spin'></i></div>
{{loading-spinner}}
{{/unless}}
</section>

11
app/assets/stylesheets/common/base/header.scss
View file

@ -222,12 +222,11 @@
.none {
padding: 5px;
}
.loading {
padding: 10px;
display: block;
color: scale-color($primary, $lightness: 50%);
font-size: 24px;
text-align: center;
.spinner {
width: 20px;
height: 20px;
border-width: 2px;
margin: 0 auto;
}
/* as a big ol' click target, don't let text inside be selected */
@include unselectable;