Switch from html size tag to css width on card creator page

This commit is contained in:
2017-10-17 18:55:13 +02:00
parent f43f7cefcc
commit 2f456df8a6
3 changed files with 38 additions and 22 deletions
+24 -9
View File
@@ -1,28 +1,43 @@
iframe {
width: 7cm;
height: 11cm;
width: 6.1cm;
display: block;
position: absolute;
top: 0;
right: 0;
top: 0.35cm;
right: 0.35cm;
border: none;
}
* {
ul {
margin: 0;
padding: 0;
}
form {
width: calc(100% - 9cm);
width: calc(100% - 6.5cm);
width: 19cm;
}
ul {
list-style-type: none;
margin: 0.5em;
margin: 2mm;
}
ul li {
float: left;
margin: 0.6em;
margin-bottom: 0.1em;
margin: 3mm;
margin-bottom: 1mm;
width: 8.5cm;
}
ul li input[type=text],
ul li textarea {
width: 100%;
}
ul li input[type=text][name=gp],
ul li input[type=text][name=cp] {
width: 4.09cm;
}
ul li input[type=text][name=tag],
ul li input[type=text][name=filename] {
width: 3.8cm;
}
+13 -12
View File
@@ -5,19 +5,20 @@
<title>Card Creator</title>
<a href="../" style="opacity:0.6;">Return to cardlist</a>
<iframe name="preview"></iframe>
<form id="cardform" action="preview" method="post" target="preview">
<a href="../" style="opacity:0.6;">Return to cardlist</a>
<input type="hidden" name="copies_owned" value="$card.copies_owned">
<ul>
<li>
Title:<br>
<input type="text" name="title" size="39" value="$escape_html($card.title)" onchange="this.form.submit()">
<input type="text" name="title" value="$escape_html($card.title)" onchange="this.form.submit()">
</li>
<li>
Figure:<br>
<input type="text" name="figure" size="39" value="$escape_html($card.figure)"onchange="this.form.submit()"><br>
<input type="text" name="figure" value="$escape_html($card.figure)"onchange="this.form.submit()"><br>
Source:
#if($card.figure_source=="material-icons")
@@ -50,36 +51,36 @@
</li>
<li>
Description:<br>
<textarea name="description" cols="40" rows="5" onchange="this.form.submit()">$escape_html($card.description, False)</textarea>
<textarea name="description" rows="5" onchange="this.form.submit()">$escape_html($card.description, False)</textarea>
</li>
<li>
Steps:<br>
<textarea name="steps" cols="40" rows="5" onchange="this.form.submit()">$escape_html($card.steps, False)</textarea>
<textarea name="steps" rows="5" onchange="this.form.submit()">$escape_html($card.steps, False)</textarea>
</li>
<li>
Effects:<br>
<textarea name="effects" cols="40" rows="5" onchange="this.form.submit()">$escape_html($card.effects, False)</textarea>
<textarea name="effects" rows="5" onchange="this.form.submit()">$escape_html($card.effects, False)</textarea>
</li>
<li>
Flags/Properties:<br>
<textarea name="flags" cols="40" rows="5" onchange="this.form.submit()">$escape_html($card.flags, False)</textarea>
<textarea name="flags" rows="5" onchange="this.form.submit()">$escape_html($card.flags, False)</textarea>
</li>
<li>
Cost:<br>
<input type="text" name="cost" size="39" value="$escape_html($card.cost)" onchange="this.form.submit()">
<input type="text" name="cost" value="$escape_html($card.cost)" onchange="this.form.submit()">
</li>
<li>
Power<br>
<input type="text" name="power" size="39" value="$escape_html($card.power)" onchange="this.form.submit()">
<input type="text" name="power" value="$escape_html($card.power)" onchange="this.form.submit()">
</li>
<li>
Notes:<span style="opacity:0.4;">(Not shown)</span><br>
<textarea name="notes" cols="40" rows="5">$escape_html($card.notes, False)</textarea>
<textarea name="notes" rows="10">$escape_html($card.notes, False)</textarea>
</li>
<li>
Worth: CP or Gold<span style="opacity:0.4;">(GP)</span>:<br>
<input type="text" name="cp" size="19" value="$escape_html($card.cp)" placeholder="CP" onchange="this.form.submit()">
<input type="text" name="gp" size="19" value="$escape_html($card.gp)" placeholder="gold" onchange="this.form.submit()">
<input type="text" name="cp" value="$escape_html($card.cp)" placeholder="CP" onchange="this.form.submit()">
<input type="text" name="gp" value="$escape_html($card.gp)" placeholder="gold" onchange="this.form.submit()">
</li>
<li>
<br>