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

UX: center align exceptions page button on mobile

This commit is contained in:
Arpit Jalan 2016-03-28 22:11:08 +05:30
parent ef4877e009
commit e29806b9d3
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/discourse/controllers/exception.js.es6
View File

@ -11,7 +11,8 @@ var ButtonBackBright = {
ButtonTryAgain = { ButtonTryAgain = {
classes: "btn-primary", classes: "btn-primary",
action: "tryLoading", action: "tryLoading",
key: "errors.buttons.again" key: "errors.buttons.again",
icon: "refresh"
}, },
ButtonLoadPage = { ButtonLoadPage = {
classes: "btn-primary", classes: "btn-primary",

2
app/assets/javascripts/discourse/templates/exception.hbs
View File

@ -14,7 +14,7 @@
</div> </div>
<div class="buttons"> <div class="buttons">
{{#each buttonData in enabledButtons}} {{#each buttonData in enabledButtons}}
<button class="btn {{unbound buttonData.classes}}" {{action buttonData.action}}>{{boundI18n buttonData.key}}</button> {{d-button icon=buttonData.icon action=buttonData.action label=buttonData.key class=buttonData.classes}}
{{/each}} {{/each}}
{{conditional-loading-spinner condition=loading}} {{conditional-loading-spinner condition=loading}}
</div> </div>

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

@ -21,6 +21,7 @@
} }
} }
.buttons { .buttons {
display: inline-flex;
margin-top: 15px; margin-top: 15px;
button { button {