fixed button layout on mobile devices

This commit is contained in:
Andreas N 2015-01-03 04:22:10 +01:00
parent c871f63f8a
commit d06802fd41
1 changed files with 15 additions and 4 deletions

View File

@ -5,20 +5,31 @@
users smiled this
- if user_signed_in?
- if current_user.smiled? a
%button.btn.btn-info.btn-sm{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :unsmile }}
%button.btn.btn-info.btn-sm.hidden-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :unsmile }}
%i.fa.fa-frown-o
%span{id: "ab-smile-count-#{a.id}"}= a.smile_count
%button.btn.btn-block.btn-info.btn-sm.visible-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :unsmile }}
%i.fa.fa-frown-o
%span{id: "ab-smile-count-#{a.id}"}= a.smile_count
- else
%button.btn.btn-info.btn-sm{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :smile }}
%button.btn.btn-info.btn-sm.hidden-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :smile }}
%i.fa.fa-smile-o
%span{id: "ab-smile-count-#{a.id}"}= a.smile_count
%button.btn.btn-block.btn-info.btn-sm.visible-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :smile }}
%i.fa.fa-smile-o
%span{id: "ab-smile-count-#{a.id}"}= a.smile_count
- unless @display_all
%button.btn.btn-primary.btn-sm{type: :button, name: 'ab-comments', data: { a_id: a.id, state: :hidden }}
%button.btn.btn-primary.btn-sm.hidden-xs{type: :button, name: 'ab-comments', data: { a_id: a.id, state: :hidden }}
%i.fa.fa-comments
%span{id: "ab-comment-count-#{a.id}"}= a.comment_count
%button.btn.btn-block.btn-primary.btn-sm.visible-xs{type: :button, name: 'ab-comments', data: { a_id: a.id, state: :hidden }}
%i.fa.fa-comments
%span{id: "ab-comment-count-#{a.id}"}= a.comment_count
- if user_signed_in?
.btn-group
%button.btn.btn-default.btn-sm.dropdown-toggle{data: { toggle: :dropdown }, aria: { expanded: :false }}
%button.btn.btn-default.btn-sm.hidden-xs.dropdown-toggle{data: { toggle: :dropdown }, aria: { expanded: :false }}
%span.caret
%button.btn.btn-block.btn-default.btn-sm.visible-xs.dropdown-toggle{data: { toggle: :dropdown }, aria: { expanded: :false }}
%span.caret
%ul.dropdown-menu.dropdown-menu-right{role: :menu}
- if privileged? a.user