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> <!DOCTYPE html>
<html lang="en"> <html lang="de">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>PDFer</title> <title>PDFer</title>

View File

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

View File

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