removing the nav buttons in the pdf preview view

3 years ago · 24f4ea01b7
5 changed files with 53 additions and 12 deletions
--- a/web-interface/static/css/interface.css
+++ b/web-interface/static/css/interface.css
@ -14,6 +14,40 @@

 /* To define how the book look on the screen: */
@media screen {
+
+    /* adding this here from main.css to style the div#nav */
+    div#nav{
+        position: fixed;
+        width: calc(100% - 2em);
+        margin: 1em;
+        text-align: right;
+        left: 0;
+        top: 0;
+        z-index: 999;
+    }
+        div#nav a#home,
+        div#nav a#notes{
+                float: left;
+                padding: 0.25em 0.125em;
+        }
+        div#nav div#loading{
+                display: none;
+                margin: 0.35em 0;
+                color: black;
+                clear: both;
+                float: right;
+                background-color: white;
+                padding: 0.5em 1em;
+                border-radius: 5px;
+                opacity: 0;
+                animation: fade 2s infinite linear;
+        }
+        @keyframes fade {
+                0%,100% { opacity: 0 }
+                50% { opacity: 1 }
+        }
+
+
    body {
        background-color: var(--color-background);
    }
--- a/web-interface/static/css/main.css
+++ b/web-interface/static/css/main.css
@ -1,3 +1,5 @@
+@media screen{
+
 body{
 	background-color: #dcb0de;
 	margin: 1vh 5vw 2vh 5vw;
@ -62,3 +64,4 @@ div#index ul{
 		float: left;
 		margin-left:  -2.5em;
 	}
+}
--- a/web-interface/templates/flask/base.html
+++ b/web-interface/templates/flask/base.html
@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8" />
 	<title>{{ title }}</title>
-	<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/main.css')}}">
 	{% block head %}
+        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/main.css')}}">
 	{% endblock %}
 </head>
 <body>
@ -15,6 +15,7 @@
 		{% endblock %}
 	</div>	
 </body>
+{% block footer %}
 <script>
 window.addEventListener('load', function () {

@ -29,6 +30,5 @@ function loading(){
 	loading.style.display = 'block';
 }
 </script>
-{% block footer %}
 {% endblock %}
 </html>
--- a/web-interface/templates/flask/inspect.html
+++ b/web-interface/templates/flask/inspect.html
@ -1,9 +1,9 @@
 {% extends "flask/base.html" %} 

 {% block head %}
-<link href="{{ url_for('static', filename='css/volumetric-regimes.css')}}" rel="stylesheet" type="text/css" media="screen">
+<link href="{{ url_for('static', filename='css/print.css')}}" rel="stylesheet" type="text/css" media="screen">
 {% endblock %}

 {% block content %}
 {{ publication_unfolded | safe }}
-{% endblock %}
+{% endblock %}
--- a/web-interface/templates/flask/pagedjs.html
+++ b/web-interface/templates/flask/pagedjs.html
@ -3,7 +3,7 @@
 {% block head %}
 <script src="{{ url_for('static', filename='js/paged.js')}}" type="text/javascript"></script>
 <script src="{{ url_for('static', filename='js/paged.polyfill.js')}}" type="text/javascript"></script>
-<link href="{{ url_for('static', filename='css/interface.css')}}" rel="stylesheet" type="text/css">
+<link href="{{ url_for('static', filename='css/interface.css')}}" rel="stylesheet" type="text/css" media="screen">
 <link href="{{ url_for('static', filename='css/print.css')}}" rel="stylesheet" type="text/css" media="print">
 {% endblock %}

@ -11,17 +11,21 @@
 {{ publication_unfolded | safe }}
 {% endblock %}

-{% block footer %}
+<!--
 <script>
 window.addEventListener('load', function () {

-	// Add the main.css again, to load the stylesheet for the nav
-	var cssLink = document.createElement('link');
-	cssLink.rel = 'stylesheet';
-	cssLink.href = '/static/css/main.css';
-	var head = document.getElementsByTagName('head')[0];
-	head.insertBefore(cssLink, head.firstChild);
+        // Add the main.css again to insert the nav css 
+        var cssLink = document.createElement('link');
+        cssLink.rel = 'stylesheet';
+        cssLink.href = '/static/css/main.css';
+	cssLink.media = 'screen';
+        var head = document.getElementsByTagName('head')[0];
+        head.insertBefore(cssLink, head.firstChild);

 })
 </script>
+-->
+{% block footer %}
+<br>
 {% endblock %}