Skip to content

Commit

Permalink
Can export now on small screens. Fixes #920
Browse files Browse the repository at this point in the history
  • Loading branch information
setpixel committed Dec 6, 2017
1 parent d22dd34 commit f509777
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 7 deletions.
30 changes: 26 additions & 4 deletions src/css/print-window.css
Original file line number Diff line number Diff line change
Expand Up @@ -226,7 +226,8 @@ h2 {
padding: 20px;
box-sizing: border-box;
color: rgba(0,0,0,0.6);
position: relative;
position: relative;
overflow: scroll;
}

#config-title {
Expand Down Expand Up @@ -329,14 +330,34 @@ input {
}

#button-content {
width: 100%;
position: absolute;
width: 300px;
position: fixed;
bottom: 0;
left: 0;
padding: 20px;
box-sizing: border-box;
}

#print-button {
width: 50%;
display: inline-block;
}

#pdf-button {
width: 50%;
padding: 24px 15px;
margin-left: 13px;
position: relative;
bottom: 0;
border-radius: 10px;
font-weight: 300;
font-size: 18px;
transition: 300ms background;
box-sizing: border-box;
-webkit-app-region: initial;
cursor: default;
}

.row {
margin-top: 15px;
}
Expand All @@ -355,9 +376,10 @@ input {
color: #555;
text-decoration: none;
background: rgba(255, 255, 255, 0.25);
padding: 12px;
/*padding: 12px;*/
border-radius: 6px;
}

.link-button:hover {
color: #444;
background: rgba(255, 255, 255, 0.4);
Expand Down
6 changes: 3 additions & 3 deletions src/print-window.html
Original file line number Diff line number Diff line change
Expand Up @@ -84,12 +84,12 @@ <h1 id="config-title">Print</h1>
</div>
</div>

<div style="margin-top: 35px;">
<a id="pdf-button" class="link-button" href="#">Export Printable PDF</a>
<div style="margin-top: 90px;">
</div>

<div id="button-content">
<div class="button grey" id="print-button">Print!</div>
<div class="button grey" id="print-button">Print!</div><a id="pdf-button" class="link-button" href="#">Export PDF</a>

</div>
</div>
<div id="preview-pane">
Expand Down

0 comments on commit f509777

Please sign in to comment.