Wall Stream Layout Migration #71

[yurabakhtin]

Issues: #71 and humhub/tasks#30

[luke-]

Looks very good for me. Just a few little things with the create form.

[luke-]

[yurabakhtin]

done

[buddh4]

@yurabakhtin could you change the richtext layout to LAYOUT_INLINE according to #73

[yurabakhtin]

@luke- @buddh4 Changes for new layout in commit 5c18c47:

could you change the richtext layout to LAYOUT_INLINE according to #73

[luke-]

For me it now works as expected.

However, from a UI point of view, I don't like the 4 text inputs placed directly below each other.

Maybe we could:

• Add 1-2 more rows to the description field per Default
• Place a grey "?" in the beginning of each "Answer" text input (similar to the trash can)
• Add headline "Possible answers:" above the Answer section.
• Reduce the width of the answer boxes

What do you think?

[orangiene]

hi all,
here are three suggestions for the form fields. I

think the simplest version is the first one. it's your choice :)

[luke-]

@orangiene Thanks for the variants!

I don't want to change too much in this stage and also in comparison to the current design.

@yurabakhtin As first step, can you please try following points:

• Make description multi line
• Add blank line between Title&Description and the answer section
• Maybe: Add title above answers
• Maybe: Make checkboxes two column

[yurabakhtin]

@luke- Please check:

[buddh4]

Looks nice, only the margin between questions/description/answers is a bit to high. Maybe use ActiveForm::field() for question and description, which will wrap the inputs in form-group divs similar to the edit view.

[yurabakhtin]

@buddh4 I tested the ActiveForm::field(), the form-group has margin-bottom: 15px; but we don't need this space when only field "Question" is visible. I.e. on page load when only "Question" is visible we should keep this field with margin:0, then on click to the "Question" field we display "Description" below with inline styles:

• first version was margin:15px 0 for the "Description" field,
• but @luke- wrote "Add blank line between Title&Description and the answer section" and I changed that to margin:30px 0
• now after your comment I changed to margin:20px 0 15px and added same label style for "Answers", please check how it looks:

If we will use ActiveForm::field() for "Description" then style class form-group will adds only margin-bottom:15px but we also need margin-top:~15-30px because "Question" cannot have margin-bottom.

[buddh4]

@yurabakhtin So the last screenshot is the current state? I think the margin and labels look fine in this one.

[yurabakhtin]

@buddh4 yes, this is current state right after my last changes in commit a8563b7