fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add styling for course communication recipient form

Browse Source
This commit is contained in:
Felix Hamann 2019-04-20 22:23:51 +02:00
parent 98026b2a40
commit 721630f4b2
5 changed files with 50 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/widgets/communication/recipientAdd.hamlet
View File

@ -1,5 +1,5 @@
$newline never $newline never
<div .category__entry-add> <div .recipient-category__option-add>
#{csrf} #{csrf}
^{fvInput addView} ^{fvInput addView}
^{fvInput submitView} ^{fvInput submitView}

7
templates/widgets/communication/recipientEmail.hamlet
View File

@ -1,7 +1,6 @@
$newline never $newline never
<div .category__option> <div .recipient-category__option>
#{csrf} #{csrf}
^{fvInput tickView} ^{fvInput tickView}
<label for=#{fvId tickView}> <label .recipient-category__option-label for=#{fvId tickView}>
<span style="font-family: monospace"> #{email}
#{email}

7
templates/widgets/communication/recipientLayout.hamlet
View File

@ -1,11 +1,12 @@
$newline never $newline never
$forall category <- activeCategories $forall category <- activeCategories
<div .category> <div .recipient-category>
<input type=checkbox id=#{checkedIdent category} :elem category checkedCategories:checked> <input type=checkbox id=#{checkedIdent category} :elem category checkedCategories:checked>
<label for=#{checkedIdent category}> <label .recipient-category__label for=#{checkedIdent category}>
_{category} _{category}
<fieldset uw-interactive-fieldset data-conditional-input=#{checkedIdent category} .interactive-fieldset--target> $# TODO: only add fieldset if there are options to choose from
<fieldset .recipient-category__fieldset uw-interactive-fieldset data-conditional-input=#{checkedIdent category}>
$forall optIx <- categoryIndices category $forall optIx <- categoryIndices category
^{cellWdgts ! optIx} ^{cellWdgts ! optIx}

40
templates/widgets/communication/recipientLayout.lucius Normal file
View File

@ -0,0 +1,40 @@
.recipient-category {
max-width: 400px;
padding: 3px 0;
&:not(:last-child) {
margin-bottom: 7px;
}
&:not(:first-child) {
margin-top: 7px;
}
}
.recipient-category__option {
display: flex;
&:not(:last-child) {
margin-bottom: 10px;
}
}
.recipient-category__label,
.recipient-category__option-label {
margin-left: 15px;
vertical-align: top;
}
.recipient-category__fieldset {
margin: 7px 0 5px 9px;
padding: 5px 0 10px;
border-left: 1px solid #bcbcbc;
padding-left: 16px;
max-height: 200px;
overflow-y: auto;
}
.recipient-category__option-add {
display: flex;
align-items: center;
}

4
templates/widgets/communication/recipientName.hamlet
View File

@ -1,6 +1,6 @@
$newline never $newline never
<div .category__option> <div .recipient-category__option>
#{csrf} #{csrf}
^{fvInput tickView} ^{fvInput tickView}
<label for=#{fvId tickView}> <label .recipient-category__option-label for=#{fvId tickView}>
#{nameHtml userDisplayName userSurname} #{nameHtml userDisplayName userSurname}