[MGNLDEMO-289] Improve positioning of checkbox and its label on consent confirmation page Created: 01/Jun/18 Updated: 17/Feb/23 |
|
| Status: | Open |
| Project: | Magnolia Demo Projects |
| Component/s: | None |
| Affects Version/s: | None |
| Fix Version/s: | None |
| Type: | Improvement | Priority: | Neutral |
| Reporter: | Martin Drápela | Assignee: | Unassigned |
| Resolution: | Unresolved | Votes: | 0 |
| Labels: | None | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Attachments: |
|
||||||||
| Issue Links: |
|
||||||||
| Template: |
|
||||||||
| Acceptance criteria: |
Empty
|
||||||||
| Task DoD: |
[ ]*
Doc/release notes changes? Comment present?
[ ]*
Downstream builds green?
[ ]*
Solution information and context easily available?
[ ]*
Tests
[ ]*
FixVersion filled and not yet released
[ ] 
Architecture Decision Record (ADR)
|
||||||||
| Epic Link: | Data privacy 2 | ||||||||
| Team: | |||||||||
| Description |
|
If the line to the right of the checkbox (label (and description)) is longer than one line, it falls below the checkbox. In order to have this layout
please modify these two classes in magnolia-travel-demo/src/main/resources/travel-demo-theme/css/travels-magnolia.css into: .form-row fieldset input {
width: auto;
display: block;
float: left;
margin-right: 10px;
}
.form-wrapper .error label {
color: #ec1549;
display: block;
}
|
| Comments |
| Comment by Martin Drápela [ 01/Sep/21 ] |
|
Re-validated for 6.2.11 dx demo , where the it is displayed as follows (together with the <br> glitch):
|