Skip to content

feat: use textarea in comment field#1139

Merged
MitanOmar merged 5 commits intoadfinis:mainfrom
MitanOmar:line-break-for-comment-field
Apr 10, 2026
Merged

feat: use textarea in comment field#1139
MitanOmar merged 5 commits intoadfinis:mainfrom
MitanOmar:line-break-for-comment-field

Conversation

@MitanOmar
Copy link
Copy Markdown
Member

fix: #65

@MitanOmar MitanOmar self-assigned this Mar 30, 2026
@MitanOmar MitanOmar marked this pull request as ready for review March 30, 2026 10:54
@MitanOmar MitanOmar requested a review from a team as a code owner March 30, 2026 10:54
@MitanOmar MitanOmar force-pushed the line-break-for-comment-field branch from 5e95e56 to 2555e31 Compare March 30, 2026 12:29
@MitanOmar
Copy link
Copy Markdown
Member Author

MitanOmar commented Mar 30, 2026

Screenshots

Screenshot From 2026-03-30 14-42-36 Screenshot From 2026-03-30 14-43-01

Comment thread frontend/app/styles/base/form.css Outdated
@MitanOmar MitanOmar force-pushed the line-break-for-comment-field branch 2 times, most recently from c03906a to 77da4ee Compare March 30, 2026 16:22
@MitanOmar MitanOmar requested a review from derrabauke March 30, 2026 16:29
Comment thread frontend/app/helpers/report-comment-length-class.js Outdated
derrabauke
derrabauke previously approved these changes Apr 1, 2026
Copy link
Copy Markdown
Member

@derrabauke derrabauke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉

@MitanOmar MitanOmar force-pushed the line-break-for-comment-field branch 2 times, most recently from 71839f0 to c449051 Compare April 1, 2026 14:08
@MitanOmar MitanOmar enabled auto-merge (squash) April 1, 2026 14:09
Comment thread frontend/app/styles/utilities.css Outdated
Comment thread frontend/app/styles/base/form.css Outdated
Comment thread frontend/app/styles/base/form.css
Copy link
Copy Markdown
Collaborator

@c0rydoras c0rydoras left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I hope this makes a bit more sense

Comment thread frontend/app/helpers/report-comment-length-class.js Outdated
Comment thread frontend/app/helpers/report-comment-length-class.js Outdated
@MitanOmar MitanOmar force-pushed the line-break-for-comment-field branch from f778528 to 29e749f Compare April 7, 2026 03:44
Copy link
Copy Markdown
Collaborator

@c0rydoras c0rydoras left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

already looks a lot better! 📈 🚀

Comment thread frontend/app/analysis/edit/template.hbs Outdated
Comment thread frontend/app/components/report-comment.hbs Outdated
Comment thread frontend/app/analysis/edit/template.hbs Outdated
Comment thread frontend/app/analysis/edit/template.hbs Outdated
Comment thread frontend/app/styles/base/form.css
@MitanOmar
Copy link
Copy Markdown
Member Author

@c0rydoras i have no way with avoiding the extra classes to control the height change, except with JS code

@MitanOmar MitanOmar force-pushed the line-break-for-comment-field branch from 5be7c94 to 9f15668 Compare April 7, 2026 11:41
@c0rydoras
Copy link
Copy Markdown
Collaborator

@MitanOmar i described it here #1139 (comment), max-h- and h-, my point was not "use JS to do it", but that we don't need/nor want classes for this

Comment thread frontend/app/components/report-comment.hbs Outdated
Comment thread frontend/app/components/report-comment.js
@derrabauke derrabauke force-pushed the line-break-for-comment-field branch from 9f15668 to d67a061 Compare April 8, 2026 14:46
@derrabauke derrabauke force-pushed the line-break-for-comment-field branch from d67a061 to 4eb89b6 Compare April 8, 2026 14:51
@c0rydoras c0rydoras removed their assignment Apr 8, 2026
@derrabauke derrabauke dismissed c0rydoras’s stale review April 9, 2026 14:35

I did insert your proposals. As you are busy rn we (Mitan & I) take this over again. Thx for your inputs!

@derrabauke derrabauke force-pushed the line-break-for-comment-field branch from 4eb89b6 to 967f1df Compare April 9, 2026 14:36
@MitanOmar MitanOmar merged commit 415f2cc into adfinis:main Apr 10, 2026
7 checks passed
Comment on lines +54 to +83
textarea.form-textarea {
@apply h-10 resize-none overflow-hidden transition-[height] duration-300 ease-in-out;
@apply focus:overflow-y-auto focus:line-clamp-none;

&.line-clamp {
@apply line-clamp-1 focus:line-clamp-none;
}
}

.content-line-1 {
/* remove line clamp on single liners */
@apply focus:h-10 line-clamp-none;
}

.content-line-2 {
@apply focus:h-16;
}

.content-line-3 {
@apply focus:h-24;
}

.content-line-4 {
@apply focus:h-32;
}

.report-row .ember-basic-dropdown-trigger,
.report-row .form-list-cell {
@apply self-start;
}
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:(

@derrabauke
Copy link
Copy Markdown
Member

#1164

derrabauke added a commit that referenced this pull request Apr 20, 2026
derrabauke added a commit that referenced this pull request Apr 20, 2026
derrabauke added a commit that referenced this pull request Apr 20, 2026
derrabauke added a commit that referenced this pull request Apr 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ENHANCEMENT]: Line Breaks for Comment fields

3 participants