fixed button layout on mobile devices

This commit is contained in:
Andreas N 2015-01-03 04:25:25 +01:00
parent efee32a024
commit 0881f4a999
1 changed files with 4 additions and 4 deletions

View File

@ -8,28 +8,28 @@
%button.btn.btn-info.btn-sm.hidden-xs{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 %i.fa.fa-frown-o
%span{id: "ab-smile-count-#{a.id}"}= a.smile_count %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 }} %button.btn.btn-info.btn-xs.visible-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :unsmile }}
%i.fa.fa-frown-o %i.fa.fa-frown-o
%span{id: "ab-smile-count-#{a.id}"}= a.smile_count %span{id: "ab-smile-count-#{a.id}"}= a.smile_count
- else - else
%button.btn.btn-info.btn-sm.hidden-xs{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 %i.fa.fa-smile-o
%span{id: "ab-smile-count-#{a.id}"}= a.smile_count %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 }} %button.btn.btn-info.btn-xs.visible-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :smile }}
%i.fa.fa-smile-o %i.fa.fa-smile-o
%span{id: "ab-smile-count-#{a.id}"}= a.smile_count %span{id: "ab-smile-count-#{a.id}"}= a.smile_count
- unless @display_all - unless @display_all
%button.btn.btn-primary.btn-sm.hidden-xs{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 %i.fa.fa-comments
%span{id: "ab-comment-count-#{a.id}"}= a.comment_count %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 }} %button.btn.btn-primary.btn-xs.visible-xs{type: :button, name: 'ab-comments', data: { a_id: a.id, state: :hidden }}
%i.fa.fa-comments %i.fa.fa-comments
%span{id: "ab-comment-count-#{a.id}"}= a.comment_count %span{id: "ab-comment-count-#{a.id}"}= a.comment_count
- if user_signed_in? - if user_signed_in?
.btn-group .btn-group
%button.btn.btn-default.btn-sm.hidden-xs.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 %span.caret
%button.btn.btn-block.btn-default.btn-sm.visible-xs.dropdown-toggle{data: { toggle: :dropdown }, aria: { expanded: :false }} %button.btn.btn-default.btn-xs.visible-xs.dropdown-toggle{data: { toggle: :dropdown }, aria: { expanded: :false }}
%span.caret %span.caret
%ul.dropdown-menu.dropdown-menu-right{role: :menu} %ul.dropdown-menu.dropdown-menu-right{role: :menu}
- if privileged? a.user - if privileged? a.user