From 1744113f2bc2d639bbd18403cc387115e80ad4ea Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lionel=20Tr=C3=A9buchon?= <ltrebuchon@gmail.com> Date: Sat, 17 Mar 2018 23:47:54 +0100 Subject: [PATCH] [creation] - Improve page display aesthetics. --- src/events/newEvent.js | 35 +++++++++++++++++++++++++---------- 1 file changed, 25 insertions(+), 10 deletions(-) diff --git a/src/events/newEvent.js b/src/events/newEvent.js index 63d1a99..4a41aac 100644 --- a/src/events/newEvent.js +++ b/src/events/newEvent.js @@ -231,22 +231,37 @@ export default class newEvent extends EditView { // checks currentPage and selects the fitting page if (this.currentpage === 1) { return layoutWith(m( - 'h1', 'Event description:', iconLeft, iconRight, m('br'), - fieldTitleEn, fieldCatchphraseEn, fieldDescriptionEn, fieldTitleDe, - fieldCatchphraseDe, fieldDescriptionDe, + 'div', { style: { height: '100%', 'overflow-y': 'scroll' } } + , [ + m( + 'h1', 'Event description:', iconLeft, iconRight, m('br'), + fieldTitleEn, fieldCatchphraseEn, fieldDescriptionEn, fieldTitleDe, + fieldCatchphraseDe, fieldDescriptionDe, + ), + ], )); } else if (this.currentpage === 2) { return layoutWith(m( - 'h1', 'Critical Information:', iconLeft, iconRight, m('br'), fieldStartDate, - fieldEndDate, fieldStartRegDate, fieldEndRegDate, fieldLocation, fieldPrice, - fieldNumberOfParticipants, + 'div', { style: { height: '100%', 'overflow-y': 'scroll' } } + , [ + m( + 'h1', 'Critical Information:', iconLeft, iconRight, m('br'), fieldStartDate, + fieldEndDate, fieldStartRegDate, fieldEndRegDate, fieldLocation, fieldPrice, + fieldNumberOfParticipants, + ), + ], )); } else if (this.currentpage === 3) { return layoutWith(m( - 'h1', 'Advertise Information', iconLeft, iconRight, m('br'), fieldAdvStart, - fieldAdvEnd, checkboxWebsite, checkboxAnnounce, checkboxInfoScreen, - buttonBannerUp, buttonInfoUp, buttonPosterUp, buttonThumbUp, m('br'), - buttonUploadAll, m('br'), checkboxAllowMail, radioButtonSelectionMode, + 'div', { style: { height: '100%', 'overflow-y': 'scroll' } } + , [ + m( + 'h1', 'Advertise Information', iconLeft, iconRight, m('br'), fieldAdvStart, + fieldAdvEnd, checkboxWebsite, checkboxAnnounce, checkboxInfoScreen, + buttonBannerUp, buttonInfoUp, buttonPosterUp, buttonThumbUp, m('br'), + buttonUploadAll, m('br'), checkboxAllowMail, radioButtonSelectionMode, + ), + ], )); } return layoutWith(m('')); -- GitLab