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

example modal

Browse Source
This commit is contained in:
Felix Hamann 2018-03-28 23:41:17 +02:00
parent 383eb3c620
commit 511a3fef7b
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
templates/widgets/modal.hamlet
View File

@ -1,4 +1,15 @@
<div .modal.js-modal #modal-#{modalId} data-trigger=#{modalTrigger} data-closeable=true>
$# #{modalContent}
^{lipsum}
^{lipsum}
<h2>Neue Veranstaltung
<form>
<div .form-group>
<label .reactive-label for="inp1">Name
<input type="text" id="inp1">
<div .form-group>
<label .reactive-label for="inp2">Kürzel
<input type="text" id="inp2">
<div .form-group>
<label .reactive-label for="inp3">Semester
<input type="text" id="inp3">
<div .form-group>
<input type="submit" value="Submit">

4
templates/widgets/modal.lucius
View File

@ -4,13 +4,13 @@
top: 50%;
transform: translate(-50%, -50%);
display: block;
background-color: rgba(130, 130, 130, 0.9);
background-color: rgba(255, 255, 255, 0.9);
min-width: 60vw;
min-height: 100px;
max-height: calc(100vh - 30px);
border-radius: 20px;
z-index: -1;
color: white;
color: var(--fontbase);
padding: 20px;
overflow: scroll;