ccl/hp-library
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added reset button

Browse Source
This commit is contained in:
Cristina Cochior 2020-09-22 15:27:26 +02:00
parent 84307c7329
commit 9180cb4d43
2 changed files with 36 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
static/css/main.css
View File

@ -8,6 +8,10 @@ body{
height: 100vh; height: 100vh;
} }
a {
text-decoration: none;
color: black;
}
.main-column-left { .main-column-left {
padding: 1.7em 0em; padding: 1.7em 0em;
@ -57,7 +61,7 @@ li span.nav-button {
} }
li span.nav-button:hover { li span.nav-button:hover {
color: #8048b7; color: #ea4f2b;;
} }
.nav-top { .nav-top {
@ -66,6 +70,7 @@ li span.nav-button:hover {
width: 100%; width: 100%;
position: fixed; position: fixed;
cursor: pointer; cursor: pointer;
z-index: 1;
} }
.nav-bottom{ .nav-bottom{
@ -76,6 +81,7 @@ li span.nav-button:hover {
position: fixed; position: fixed;
z-index: 10000; z-index: 10000;
cursor: pointer; cursor: pointer;
z-index: 1;
} }
span.librarian-names, span.file-names { span.librarian-names, span.file-names {
@ -97,6 +103,7 @@ span.librarian-names:hover, span.file-names:hover {
padding: 0em; padding: 0em;
top: 25px; top: 25px;
left: 0; left: 0;
z-index: 1;
} }
.file-names-container { .file-names-container {
@ -109,7 +116,7 @@ span.librarian-names:hover, span.file-names:hover {
transform-origin: top left; transform-origin: top left;
/* border:blue 1px solid; */ /* border:blue 1px solid; */
height: 50vw; height: 50vw;
width: 35vw; width: 40vw;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
position: absolute; position: absolute;
@ -139,21 +146,40 @@ object.listed-pdf {
color: blue !important; color: blue !important;
} }
button {
border-radius: 0;
border: 0;
padding: 0;
z-index: 2;
}
button:hover {
background: white !important;
cursor: pointer;
}
button#listoffiles { button#listoffiles {
position: fixed; position: fixed;
left: 46%; left: 46.3%;
top: 48%; top: 46%;
transform: rotate(90deg); transform: rotate(90deg);
width: 6.3%; width: 6.4%;
z-index: 1; background: #8048b7;
} }
button#about { button#about {
position: fixed; position: fixed;
left: 47.65%; left: 47.25%;
top: 48%; top: 46%;
width: 6.4%; width: 6.4%;
transform: rotate(270deg); transform: rotate(270deg);
z-index: 1; background: #ea4f2b;
}
button#reset {
position: fixed;
left: 48.3%;
top: 33%;
border-radius: 100%;
padding: 1.5em 0.8em;
} }

1
templates/layout.html
View File

@ -264,6 +264,7 @@ $.ajax({
<!-- submit data --> <!-- submit data -->
<button id="about">About</button> <button id="about">About</button>
<button id="listoffiles">Print</button> <button id="listoffiles">Print</button>
<button id="reset"><a href="/">Reset</a></button>
<br> <br>