Make two columns for the editform.

This commit is contained in:
Tim Schumacher 2015-03-31 21:26:11 +02:00
parent 10c72c26a5
commit 3a862e7432
2 changed files with 21 additions and 57 deletions

View file

@ -13,47 +13,10 @@
}
}
.event.box {
h2 {
padding: 0.5rem;
a,a:hover,a:visited {
color: #ffffff;
}
}
.startdate,.location,.url,.action {
display: inline;
margin: 0;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
a i.icon {
text-decoration: none;
}
ul.tags {
padding-left: 0;
margin: 0;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
display: inline;
li {
list-style-type: none;
display: inline;
margin-right: 0.5rem;
}
}
}
form .ui.form {
.field {
.attached-label > input, .attached-label > textarea {
margin-bottom: 2rem;
}
.attached-geo-label > input, .attached-geo-label > textarea {
margin-bottom: 3.2rem;
}
#event-form {
textarea {
height: auto;
max-height: none;
}
}
@ -61,10 +24,6 @@ form .ui.form {
height: 20rem;
}
.location-edit {
text-decoration: none;
}
#location-description {
p {
margin-top: 0.5rem;

View file

@ -1,5 +1,7 @@
<form class="ui form" method="post"
<form class="ui form" method="post" id="event-form"
action="{% if entity.id|default(0) > 0 %}{{ path('_update',{'slug':entity.slug}) }}{% else %}{{ path('_create') }}{% endif %}">
<div class="ui stackable grid">
<div class="eight wide column">
<div class="required field{% if(errors|default('0') != 0) %} {% if('startdate' in errors|keys) %}error{% endif %}{% endif %}">
<label for="event_startdate">Startdatum</label>
@ -60,17 +62,6 @@
</div>
</div>
<div class="required field">
<label for="event_summary">Beschreibung</label>
<div class="ui input">
<textarea name="description">{{ entity.description|default('') }}</textarea>
</div>
<div class="ui label">Du kannst hier <a href="https://en.wikipedia.org/wiki/Markdown">Markdown</a>
benutzen.
</div>
</div>
<div class="field">
<label for="event_url">URL</label>
@ -143,6 +134,20 @@
href="https://en.wikipedia.org/wiki/Tag_%28metadata%29">Tags</a> angeben.
</div>
</div>
</div>
<div class="eight wide column">
<div class="required field">
<label for="event_summary">Beschreibung</label>
<div class="ui input">
<textarea name="description" rows="30">{{ entity.description|default('') }}</textarea>
</div>
<div class="ui label">Du kannst hier <a href="https://en.wikipedia.org/wiki/Markdown">Markdown</a>
benutzen.
</div>
</div>
</div>
</div>
<input type="submit" class="ui button green" value="Speichern"/>
</form>