Reorganize form structure

feature/core
Sven Slootweg 11 years ago
parent 430c3a1627
commit 74aa2409b1

@ -105,5 +105,26 @@ h1.form
{
font-size: 16px;
margin-top: 7px;
margin-bottom: 4px;
margin-bottom: 6px;
}
.pure-form label
{
font-size: 95%;
margin-left: 1px;
}
div.label
{
padding-top: 4px;
}
div.formfield, div.property
{
margin-bottom: 1px;
}
textarea
{
height: 90px;
}

@ -1,24 +1,41 @@
<form class="pure-form pure-form-aligned form_createnode">
<h1 class="form">Node</h1>
<div class="pure-control-group">
<label for="input_createnode_name">Name</label>
<input type="text" name="name" id="input_createnode_name">
</div>
<div class="pure-control-group">
<label for="input_createnode_notes">Notes</label>
<textarea name="notes" id="input_createnode_notes"></textarea>
</div>
<div class="pure-g form_createnode_properties">
<div class="pure-g">
<div class="pure-u-1">
<h1 class="form">Properties</h1>
<h1 class="form">Node</h1>
</div>
<div class="formfield">
<div class="pure-u-1-3 label">
<label for="input_createnode_name">Name</label>
</div>
<div class="pure-u-2-3">
<input class="pure-input-1" type="text" name="name" id="input_createnode_name">
</div>
</div>
<div class="formfield">
<div class="pure-u-1-3 label">
<label for="input_createnode_notes">Notes</label>
</div>
<div class="pure-u-2-3">
<textarea class="pure-input-1" name="notes" id="input_createnode_notes"></textarea>
</div>
</div>
<div class="property">
<input type="text" class="pure-input-1-2 group-first" name="property_name[]" placeholder="Name">
<input type="text" class="pure-input-1-2 group-last" name="property_value[]" placeholder="Value">
<div class="form_createnode_properties">
<div class="pure-u-1">
<h1 class="form">Properties</h1>
</div>
<div class="property">
<input type="text" class="pure-input-1-2 group-first" name="property_name[]" placeholder="Name">
<input type="text" class="pure-input-1-2 group-last" name="property_value[]" placeholder="Value">
</div>
<div class="property">
<input type="text" class="pure-input-1-2 group-first" name="property_name[]" placeholder="Name">
<input type="text" class="pure-input-1-2 group-last" name="property_value[]" placeholder="Value">
</div>
</div>
</div>
</form>

Loading…
Cancel
Save