1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-19 16:58:48 +02:00

Ponder Answer Comments: indent textarea as Comments

Summary:
In a Ponder Answer, when adding a Comment, the textarea indentation was a
a little bit unintuitive.

After this change, the textarea is aligned as a Comment:

| Before    | After     |
|-----------|-----------|
| {F286220} | {F286221} |

Other changes are welcome but this seems to me a good minimum.

I also hope this could help not to confuse the Comment field with the Answer field.

Closes T15350

Test Plan:
- create a Ponder Question
- create an Answer
- look at the Comments input field that now should be more nicely indented
- the normal Response field is not changed at all
- the mobile view is not changed at all
- click on "Pin Form On Screen" and it must be as before

Reviewers: O1 Blessed Committers, avivey

Reviewed By: O1 Blessed Committers, avivey

Subscribers: speck, tobiaswiese, Matthew, Cigaryno

Maniphest Tasks: T15350

Differential Revision: https://we.phorge.it/D25192
This commit is contained in:
Valerio Bozzolan 2023-07-19 21:27:06 +02:00
parent cb9fcf18d5
commit 0dfc84e2ab
2 changed files with 9 additions and 2 deletions

View file

@ -100,7 +100,7 @@ return array(
'rsrc/css/application/policy/policy-edit.css' => '8794e2ed', 'rsrc/css/application/policy/policy-edit.css' => '8794e2ed',
'rsrc/css/application/policy/policy-transaction-detail.css' => 'c02b8384', 'rsrc/css/application/policy/policy-transaction-detail.css' => 'c02b8384',
'rsrc/css/application/policy/policy.css' => 'ceb56a08', 'rsrc/css/application/policy/policy.css' => 'ceb56a08',
'rsrc/css/application/ponder/ponder-view.css' => '05a09d0a', 'rsrc/css/application/ponder/ponder-view.css' => 'b04bbaff',
'rsrc/css/application/project/project-card-view.css' => 'c1200da7', 'rsrc/css/application/project/project-card-view.css' => 'c1200da7',
'rsrc/css/application/project/project-triggers.css' => 'cd9c8bb9', 'rsrc/css/application/project/project-triggers.css' => 'cd9c8bb9',
'rsrc/css/application/project/project-view.css' => '2f7caa20', 'rsrc/css/application/project/project-view.css' => '2f7caa20',
@ -901,7 +901,7 @@ return array(
'policy-css' => 'ceb56a08', 'policy-css' => 'ceb56a08',
'policy-edit-css' => '8794e2ed', 'policy-edit-css' => '8794e2ed',
'policy-transaction-detail-css' => 'c02b8384', 'policy-transaction-detail-css' => 'c02b8384',
'ponder-view-css' => '05a09d0a', 'ponder-view-css' => 'b04bbaff',
'project-card-view-css' => 'c1200da7', 'project-card-view-css' => 'c1200da7',
'project-triggers-css' => 'cd9c8bb9', 'project-triggers-css' => 'cd9c8bb9',
'project-view-css' => '2f7caa20', 'project-view-css' => '2f7caa20',

View file

@ -44,10 +44,17 @@
margin-top: 16px; margin-top: 16px;
} }
/* Indent comments so that are more related to the answer */
.device-desktop .ponder-answer-view .phui-timeline-view { .device-desktop .ponder-answer-view .phui-timeline-view {
margin-left: 32px; margin-left: 32px;
} }
/* Indent input box so that it's more related to answer's comments */
.device-desktop .ponder-answer-view
.phui-comment-form-view:not(.remarkup-assist-pinned) {
margin-left: 94px;
}
.ponder-answer-view .phui-header-subheader { .ponder-answer-view .phui-header-subheader {
display: inline; display: inline;
margin-left: 12px; margin-left: 12px;