Adjust layout of comment input

This commit is contained in:
Andreas Nedbal 2022-10-13 22:29:25 +02:00
parent 724c241bed
commit 941e79d33c
2 changed files with 5 additions and 3 deletions

View file

@ -24,6 +24,10 @@
&__input {
z-index: 99;
padding-right: 2.5rem;
&.is-invalid {
background-image: none;
}
}
&__character-count {

View file

@ -27,7 +27,5 @@
- if user_signed_in?
.form-group.has-feedback.comment__input-group.input-group{ name: "ab-comment-new-group", data: { a_id: a.id, controller: "character-count", "character-count-max-value": 160 } }
%input.form-control.comment__input{ type: :text, placeholder: t(".placeholder"), name: "ab-comment-new", data: { a_id: a.id, "character-count-target": "input" } }
%span.text-muted.form-control-feedback.comment__character-count{ id: "ab-comment-charcount-#{a.id}", data: { "character-count-target": "counter" } } 0 / 160
.input-group-append
%button.btn.btn-primary{ type: :button, name: "ab-comment-new-submit", data: { a_id: a.id, "character-count-target": "action" } }= t(".action")
%span.text-muted.form-control-feedback.comment__character-count{ id: "ab-comment-charcount-#{a.id}", data: { "character-count-target": "counter" } } 160
%button.btn.btn-primary.d-none{ type: :button, name: "ab-comment-new-submit", data: { a_id: a.id, "character-count-target": "action" } }= t(".action")