Projects/cardmaker
Archived
0
0
Fork 0
Code Issues Pull Requests Releases Activity

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

Browse Source
This commit is contained in:
Peder Bergebakken Sundt
2017-10-17 18:55:13 +02:00
parent f43f7cefcc
commit 2f456df8a6
3 changed files with 38 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/cards/creator.css
+24 -9
View File
@@ -1,28 +1,43 @@
iframe { iframe {
width: 7cm;
height: 11cm; height: 11cm;
width: 6.1cm;
display: block; display: block;
position: absolute; position: absolute;
top: 0; top: 0.35cm;
right: 0; right: 0.35cm;
border: none; border: none;
} }
* { ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
form { form {
width: calc(100% - 9cm); width: calc(100% - 6.5cm);
width: 19cm;
} }
ul { ul {
list-style-type: none; list-style-type: none;
margin: 0.5em; margin: 2mm;
} }
ul li { ul li {
float: left; float: left;
margin: 0.6em; margin: 3mm;
margin-bottom: 0.1em; 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;
} }
resources/cards/creator.vm
+13 -12
View File
@@ -5,19 +5,20 @@
<title>Card Creator</title> <title>Card Creator</title>
<a href="../" style="opacity:0.6;">Return to cardlist</a>
<iframe name="preview"></iframe> <iframe name="preview"></iframe>
<form id="cardform" action="preview" method="post" target="preview"> <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"> <input type="hidden" name="copies_owned" value="$card.copies_owned">
<ul> <ul>
<li> <li>
Title:<br> 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>
<li> <li>
Figure:<br> 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: Source:
#if($card.figure_source=="material-icons") #if($card.figure_source=="material-icons")
@@ -50,36 +51,36 @@
</li> </li>
<li> <li>
Description:<br> 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>
<li> <li>
Steps:<br> 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>
<li> <li>
Effects:<br> 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>
<li> <li>
Flags/Properties:<br> 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>
<li> <li>
Cost:<br> 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>
<li> <li>
Power<br> 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>
<li> <li>
Notes:<span style="opacity:0.4;">(Not shown)</span><br> 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>
<li> <li>
Worth: CP or Gold<span style="opacity:0.4;">(GP)</span>:<br> 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="cp" 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="gp" value="$escape_html($card.gp)" placeholder="gold" onchange="this.form.submit()">
</li> </li>
<li> <li>
<br> <br>