Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix modal center controls to align center

Browse source
This commit is contained in:
Felix Niklas 2015-03-13 12:38:42 +01:00
parent 9a96d6bf66
commit 115fe897bb
2 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/javascripts/app/views/modal.jst.eco
View file

@ -22,13 +22,19 @@
</div> </div>
<div class="modal-footer horizontal"> <div class="modal-footer horizontal">
<% if @cancel: %> <% if @cancel: %>
<a class="subtle-link standalone js-cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a> <div class="modal-leftFooter">
<a class="subtle-link standalone js-cancel align-left" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
</div>
<% end %> <% end %>
<% for button in @centerButtons: %> <% for button in @centerButtons: %>
<div class="btn <%= button.className %> align-center"><%- @T( button.text ) %></div> <div class="modal-centerFooter">
<div class="btn <%= button.className %> align-center"><%- @T( button.text ) %></div>
</div>
<% end %> <% end %>
<% if @button: %> <% if @button: %>
<button type="submit" class="btn <%= @buttonClass %> js-submit align-right"><%- @T( @button ) %></button> <div class="modal-rightFooter">
<button type="submit" class="btn <%= @buttonClass %> js-submit align-right"><%- @T( @button ) %></button>
</div>
<% end %> <% end %>
</div> </div>
</div> </div>

12
app/assets/stylesheets/zammad.css.scss
View file

@ -4374,6 +4374,14 @@ footer {
border: none; border: none;
} }
.modal-leftFooter,
.modal-centerFooter,
.modal-rightFooter {
@extend .flex;
@extend .horizontal;
@extend .start;
}
.modal.modal--local { .modal.modal--local {
display: block; display: block;
padding-left: 40px; padding-left: 40px;
@ -5511,6 +5519,10 @@ body.fit {
width: 33.33%; width: 33.33%;
} }
.align-left {
margin-right: auto;
}
.align-right { .align-right {
margin-left: auto; margin-left: auto;
} }