FreakU
/
Retrospring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move answerbox actions on to seperate row on mobile

This commit is contained in:
Karina Kwiatek 2021-08-06 01:09:28 +02:00
parent a13322dcee
commit 08822b0f05
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/stylesheets/components/_answerbox.scss
View File

@ -61,6 +61,20 @@
} }
} }
} }
&__actions {
text-align: right;
@include media-breakpoint-down('md') {
justify-content: space-between;
padding-top: 10px;
}
}
@include media-breakpoint-down('md') {
.card-body {
padding-bottom: .6rem;
}
}
} }
body:not(.cap-web-share) { body:not(.cap-web-share) {

8
app/views/application/_answerbox.haml
View File

@ -16,7 +16,7 @@
= markdown a.content = markdown a.content
- if @user.nil? - if @user.nil?
.row .row
.col.col-sm-4.col-md-6.text-left.text-muted .col-sm-6.text-left.text-muted
.media .media
.pull-left .pull-left
%a{ href: show_user_profile_path(a.user.screen_name) } %a{ href: show_user_profile_path(a.user.screen_name) }
@ -26,14 +26,14 @@
= raw t('views.answerbox.answered', hide: hidespan(t('views.answerbox.hide'), 'd-none d-sm-inline'), user: user_screen_name(a.user)) = raw t('views.answerbox.answered', hide: hidespan(t('views.answerbox.hide'), 'd-none d-sm-inline'), user: user_screen_name(a.user))
.answerbox__answer-date .answerbox__answer-date
= link_to(raw(t('views.answerbox.time', time: time_tooltip(a))), show_user_answer_path(a.user.screen_name, a.id)) = link_to(raw(t('views.answerbox.time', time: time_tooltip(a))), show_user_answer_path(a.user.screen_name, a.id))
.col.col-sm-8.col-md-6.text-right .col-md-6.d-flex.d-md-block.answerbox__actions
= render 'answerbox/actions', a: a, display_all: display_all = render 'answerbox/actions', a: a, display_all: display_all
- else - else
.row .row
.col-4.col-sm-4.col-md-6.text-left.text-muted .col-md-6.text-left.text-muted
%i.fa.fa-clock-o %i.fa.fa-clock-o
= link_to(raw(t('views.answerbox.time', time: time_tooltip(a))), show_user_answer_path(a.user.screen_name, a.id)) = link_to(raw(t('views.answerbox.time', time: time_tooltip(a))), show_user_answer_path(a.user.screen_name, a.id))
.col-8.col-sm-8.col-md-6.text-right .col-md-6.d-md-flex.answerbox__actions
= render 'answerbox/actions', a: a, display_all: display_all = render 'answerbox/actions', a: a, display_all: display_all
.card-footer{ id: "ab-comments-section-#{a.id}", style: display_all.nil? ? 'display: none' : nil } .card-footer{ id: "ab-comments-section-#{a.id}", style: display_all.nil? ? 'display: none' : nil }
%div{ id: "ab-smiles-#{a.id}" }= render 'answerbox/smiles', a: a %div{ id: "ab-smiles-#{a.id}" }= render 'answerbox/smiles', a: a