tidoni
/
pdf-web-toolkit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add icons to download buttons

This commit is contained in:
Niklas Müller 2024-03-08 11:20:04 +01:00
parent de03e29cd8
commit 10456d984e
4 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
static/css/main.css
View File

@ -2,6 +2,11 @@
clear: both; clear: both;
} }
.download-button-icons {
margin-left: 0.2em;
}
/* The snackbar - position it at the bottom and in the middle of the screen */ /* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar { #snackbar {
visibility: hidden; /* Hidden by default. Visible on click */ visibility: hidden; /* Hidden by default. Visible on click */

2
templates/base.html
View File

@ -62,7 +62,7 @@
<!-- https://getbootstrap.com/docs/5.3/examples/footers/# --> <!-- https://getbootstrap.com/docs/5.3/examples/footers/# -->
<footer class="py-3 my-4 border-top"> <footer class="py-3 my-4 border-top">
<div class="container py-3"> <div class="container py-3">
<p class="text-center text-body-secondary text-muted">Developed with ♥ by <a href="https://github.com/tidoni/pdf-web-toolkit" target="_blank">Tidoni</a> (Niklas Müller)</p> <p class="text-center text-body-secondary fw-light text-muted">Developed with ♥ by <a href="https://github.com/tidoni/pdf-web-toolkit" target="_blank">Tidoni</a></p>
</div> </div>
</footer> </footer>

8
templates/partials/merge.html
View File

@ -12,5 +12,11 @@
<link href="{{ url_for('static', filename='css/merge.css') }}" rel="stylesheet"> <link href="{{ url_for('static', filename='css/merge.css') }}" rel="stylesheet">
<div id="btn-group-download" class="btn-group" role="group" aria-label="Download outlined buttons"> <div id="btn-group-download" class="btn-group" role="group" aria-label="Download outlined buttons">
<button type="button" class="btn btn-outline-dark" id="btn_download_complete">Download merged PDFs</button> <button type="button" class="btn btn-outline-dark" id="btn_download_complete">
Download merged PDFs&nbsp;
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download download-button-icons" viewBox="0 0 16 16">
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
</svg>
</button>
</div> </div>

8
templates/partials/split.html
View File

@ -12,5 +12,11 @@
<link href="{{ url_for('static', filename='css/split.css') }}" rel="stylesheet"> <link href="{{ url_for('static', filename='css/split.css') }}" rel="stylesheet">
<div id="btn-group-download" class="btn-group" role="group" aria-label="Download outlined buttons"> <div id="btn-group-download" class="btn-group" role="group" aria-label="Download outlined buttons">
<button type="button" class="btn btn-outline-dark" id="btn_download_singel_pages">Download Project as single Pages</button> <button type="button" class="btn btn-outline-dark" id="btn_download_singel_pages">
Download split PDF
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download download-button-icons" viewBox="0 0 16 16">
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
</svg>
</button>
</div> </div>