yvan/jira-card-printer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

no message

Browse Source
This commit is contained in:
Bengt Brodersen 2015-12-17 19:15:05 +01:00
parent bf5f6a3b25
commit 9947787c8d
2 changed files with 35 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
printPreview.css
View File

@ -106,43 +106,51 @@
border: 1px solid #5689db; border: 1px solid #5689db;
color: #fff; color: #fff;
} }
label {
display: block;
margin-left: 10px;
margin-right: 10px;
float:left;
}
label[for] {
cursor: pointer;
}
.checkbox { .checkbox {
position: relative;
width: auto;
height: auto;
}
.checkbox input[type=checkbox] + label {
margin: 0px;
position: relative; position: relative;
width: 20px; width: 20px;
height: 20px; height: 20px;
}
.checkbox label {
cursor: pointer;
position: absolute;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px; border-radius: 4px;
background-color: #DEDEDE; background-color: #DEDEDE;
border: 1px solid #D4D4D4; border: 1px solid #D4D4D4;
} }
.checkbox label::after { .checkbox input[type=checkbox] + label::after {
opacity: 0; opacity: 0;
content: ''; content: '';
position: absolute; position: absolute;
width: 9px; width: 9px;
height: 5px; height: 5px;
background: transparent; background: transparent;
top: 4px; top: 4px;
left: 4px; left: 4px;
border: 3px solid #333; border: 3px solid #333;
border-top: none; border-top: none;
border-right: none; border-right: none;
transform: rotate(-45deg);
transform: rotate(-45deg);
} }
.checkbox label:hover::after {
opacity: 0.5 !important; .checkbox input[type=checkbox] + label:hover::after {
opacity: 0.5 !important;
} }
.checkbox input[type=checkbox]:checked + label::after { .checkbox input[type=checkbox]:checked + label::after {
opacity: 1; opacity: 1;
} }
.numberInput input[type=number]{ .numberInput input[type=number]{
font-size:1em; font-size:1em;
width:1.5em; width:1.5em;

3
printPreview.html
View File

@ -24,10 +24,11 @@
<input id="scaleRange" type="range" min="-1.0" max="1.0" step="0.1" value="0.0" style="float: left; width: 80px;" /> <input id="scaleRange" type="range" min="-1.0" max="1.0" step="0.1" value="0.0" style="float: left; width: 80px;" />
<output style="float: left; width: 25px; margin-left:5px;" name="amount" for="scaleRange"></output> <output style="float: left; width: 25px; margin-left:5px;" name="amount" for="scaleRange"></output>
</form> </form>
<label for="scaleRange">Scale</label> <label>Scale</label>
</div> </div>
<div class="ui-element checkbox" style="float: left;"> <div class="ui-element checkbox" style="float: left;">
<input id="single-card-page-checkbox" type="checkbox"/> <input id="single-card-page-checkbox" type="checkbox"/>
<label for="single-card-page-checkbox"></label>
<label for="single-card-page-checkbox">Single Card Per Page</label> <label for="single-card-page-checkbox">Single Card Per Page</label>
</div> </div>
<div class="ui-element checkbox" style="float: left;"> <div class="ui-element checkbox" style="float: left;">