IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

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> <div class="none">{{i18n notifications.none}}</div>
{{/if}} {{/if}}
{{else}} {{else}}
<div class='loading'><i class='fa fa-spinner fa-spin'></i></div> {{loading-spinner}}
{{/unless}} {{/unless}}
</section> </section>

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

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