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

working base project

Browse source
This commit is contained in:
Niklas Müller 2024-03-07 11:54:03 +01:00
parent 2535006f02
commit fad9f38422
22 changed files with 461 additions and 278 deletions
Download patch file Download diff file Expand all files Collapse all files

36
static/css/base_styles.css Normal file
View file

@ -0,0 +1,36 @@
div {
/* border: 2px solid yellowgreen; */
}
.div_float_clear {
clear: both;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
visibility: hidden; /* Hidden by default. Visible on click */
min-width: 800px; /* Set a default minimum width */
margin-left: -400px; /* Divide value of min-width by 2 */
background-color: #333; /* Black background color */
color: #fff; /* White text color */
text-align: center; /* Centered text */
border-radius: 2px; /* Rounded borders */
padding: 16px; /* Padding */
position: fixed; /* Sit on top of the screen */
z-index: 1; /* Add a z-index if needed */
left: 50%; /* Center the snackbar */
bottom: 30px; /* 30px from the bottom */
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
visibility: visible; /* Show the snackbar */
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
/*
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
*/
}

6
static/css/bootstrap.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
static/css/bootstrap.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

13
static/css/dropzone_styles.css Normal file
View file

@ -0,0 +1,13 @@
#pdf-dropzone {
min-height: 50px;
max-height: 150px;
height: 150px;
border: 0.1em solid darkgray;
border-radius: 1em;
padding-top:60px;
text-align: center;
}
#pdf-dropzone:hover {
cursor: pointer;
border: 0.2em solid darkslategray;
}

0
static/css/main.css Normal file
View file

47
static/css/project_styles.css Normal file
View file

@ -0,0 +1,47 @@
/*
https://css-tricks.com/pure-css-horizontal-scrolling/
*/
.single_page_embed {
height: 90%;
width: 100%;
display: inline-block;
margin: 0 auto;
}
.single_page_div {
display: block;
padding: 1px;
transform: rotate(90deg) translateX(500px); /* translateY(-2px) */
transform-origin: right top;
height: 500px;
width: 500px;
text-align: center;
}
.pdf-interact-buttons {
padding-left: 1em;
}
#btn-group-download {
width: 100%;
margin-top: 1em;
display: none;
}
#btn_download_complete, #btn_download_singel_pages {
width: 50%;
}
#overview-wrapper {
width: 100%;
}
#page_overview {
display: block;
top: 0;
left: 0;
width: 500px;
margin: 0;
padding-top: 5px;
overflow-y: auto;
overflow-x: hidden;
transform: rotate(-90deg) translateY(-500px);
transform-origin: right top;
/* border: 0.1em solid darkcyan; */
}

141
static/css/styles.css
View file

@ -1,141 +0,0 @@
div {
/* border: 2px solid yellowgreen; */
}
#app {
overflow: hidden;
display: block;
text-align: center;
}
#div_content {
padding-left: 2em;
padding-right: 2em;
max-width: 1200px;
margin: 0 auto;
}
#div_website_title {
margin-top: 2em;
}
#div_project_title {
/* border: 2px solid darkorchid; */
float: left;
}
#div_dropzone {
margin-top: 0.5em;
margin-bottom: 1em;
}
.div_float_clear {
clear: both;
}
h1 {
font-size: 26pt;
color: greenyellow;
}
.button_export {
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-top: 1em;
margin-bottom: 2em;
border-width: 0px;
padding: 1em;
background-image: linear-gradient(to right, #d1d1d1, #dddddd);
}
.button_export:hover {
background-image: linear-gradient(to right, #c1c1c1, #cccccc);
}
#button_download_individual_pages {
float: right;
}
#button_download_complete_pdf {
float: left;
}
#pdf-dropzone {
min-height: 50px;
max-height: 150px;
height: 150px;
border: 1px solid black;
padding-top:60px
}
#pdf-dropzone:hover {
cursor: pointer;
}
#preview-template {
border: 2px solid yellowgreen;
visibility: hidden;
}
/*
#page_overview {
border: 2px solid yellowgreen;
}
*/
#control-div {
width: 40%;
float: left;
/* padding: 1em; */
overflow: hidden; /* Makes the container actually "contain" the floated divs */
display: block;
}
#history-div {
width: 60%;
float: left;
padding: 1em;
}
#comment-label, #comment-input {
width: 100%;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
visibility: hidden; /* Hidden by default. Visible on click */
min-width: 800px; /* Set a default minimum width */
margin-left: -400px; /* Divide value of min-width by 2 */
background-color: #333; /* Black background color */
color: #fff; /* White text color */
text-align: center; /* Centered text */
border-radius: 2px; /* Rounded borders */
padding: 16px; /* Padding */
position: fixed; /* Sit on top of the screen */
z-index: 1; /* Add a z-index if needed */
left: 50%; /* Center the snackbar */
bottom: 30px; /* 30px from the bottom */
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
visibility: visible; /* Show the snackbar */
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
/*
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
*/
}