hide more stuff in collapsables

This commit is contained in:
Thomas Ruoff
2017-02-21 00:38:55 +01:00
parent 33f5abcd30
commit 22a5b92079
3 changed files with 30 additions and 24 deletions

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="de">
<head>
<meta charset="utf-8">
<title>PDFer</title>

View File

@@ -3,7 +3,7 @@ label input,
label textarea,
label select {
display: block;
width: 240px;
width: 340px;
margin-bottom: 12px;
}
@@ -30,12 +30,16 @@ label select {
content: "< ";
}
textarea {
resize: vertical;
}
textarea.address {
height: 80px;
}
textarea.body {
height: 240px;
height: 340px;
}
button {

View File

@@ -82,20 +82,29 @@ export default function(props) {
value={props.yourMail}
/>
</Collapsible>
<Input
name="date"
text="Datum"
placeholder="Heute"
onchange={props.onChange}
value={props.date}
/>
<Input
name="opening"
text="Anrede"
placeholder="Sehr geehrte Damen und Herren"
onchange={props.onChange}
value={props.opening}
/>
<Collapsible trigger="Sonstige Einstellungen">
<Input
name="date"
text="Datum"
placeholder="Heute"
onchange={props.onChange}
value={props.date}
/>
<Input
name="opening"
text="Anrede"
placeholder="Sehr geehrte Damen und Herren"
onchange={props.onChange}
value={props.opening}
/>
<Input
name="closing"
text="Grußformel"
placeholder="Mit freundlichen Grüßen"
onchange={props.onChange}
value={props.closing}
/>
</Collapsible>
<TextAreaInput
name="body"
text="Brieftext"
@@ -103,13 +112,6 @@ export default function(props) {
placeholder="Inhalt des Briefes"
value={props.body}
/>
<Input
name="closing"
text="Grußformel"
placeholder="Mit freundlichen Grüßen"
onchange={props.onChange}
value={props.closing}
/>
</div>
);
};