Browse Source

removing the nav buttons in the pdf preview view

master
varia server 3 years ago
parent
commit
24f4ea01b7
  1. 34
      web-interface/static/css/interface.css
  2. 3
      web-interface/static/css/main.css
  3. 4
      web-interface/templates/flask/base.html
  4. 4
      web-interface/templates/flask/inspect.html
  5. 20
      web-interface/templates/flask/pagedjs.html

34
web-interface/static/css/interface.css

@ -14,6 +14,40 @@
/* To define how the book look on the screen: */ /* To define how the book look on the screen: */
@media 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 { body {
background-color: var(--color-background); background-color: var(--color-background);
} }

3
web-interface/static/css/main.css

@ -1,3 +1,5 @@
@media screen{
body{ body{
background-color: #dcb0de; background-color: #dcb0de;
margin: 1vh 5vw 2vh 5vw; margin: 1vh 5vw 2vh 5vw;
@ -62,3 +64,4 @@ div#index ul{
float: left; float: left;
margin-left: -2.5em; margin-left: -2.5em;
} }
}

4
web-interface/templates/flask/base.html

@ -3,8 +3,8 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>{{ title }}</title> <title>{{ title }}</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/main.css')}}">
{% block head %} {% block head %}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/main.css')}}">
{% endblock %} {% endblock %}
</head> </head>
<body> <body>
@ -15,6 +15,7 @@
{% endblock %} {% endblock %}
</div> </div>
</body> </body>
{% block footer %}
<script> <script>
window.addEventListener('load', function () { window.addEventListener('load', function () {
@ -29,6 +30,5 @@ function loading(){
loading.style.display = 'block'; loading.style.display = 'block';
} }
</script> </script>
{% block footer %}
{% endblock %} {% endblock %}
</html> </html>

4
web-interface/templates/flask/inspect.html

@ -1,9 +1,9 @@
{% extends "flask/base.html" %} {% extends "flask/base.html" %}
{% block head %} {% 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 %} {% endblock %}
{% block content %} {% block content %}
{{ publication_unfolded | safe }} {{ publication_unfolded | safe }}
{% endblock %} {% endblock %}

20
web-interface/templates/flask/pagedjs.html

@ -3,7 +3,7 @@
{% block head %} {% block head %}
<script src="{{ url_for('static', filename='js/paged.js')}}" type="text/javascript"></script> <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> <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"> <link href="{{ url_for('static', filename='css/print.css')}}" rel="stylesheet" type="text/css" media="print">
{% endblock %} {% endblock %}
@ -11,17 +11,21 @@
{{ publication_unfolded | safe }} {{ publication_unfolded | safe }}
{% endblock %} {% endblock %}
{% block footer %} <!--
<script> <script>
window.addEventListener('load', function () { window.addEventListener('load', function () {
// Add the main.css again, to load the stylesheet for the nav // Add the main.css again to insert the nav css
var cssLink = document.createElement('link'); var cssLink = document.createElement('link');
cssLink.rel = 'stylesheet'; cssLink.rel = 'stylesheet';
cssLink.href = '/static/css/main.css'; cssLink.href = '/static/css/main.css';
var head = document.getElementsByTagName('head')[0]; cssLink.media = 'screen';
head.insertBefore(cssLink, head.firstChild); var head = document.getElementsByTagName('head')[0];
head.insertBefore(cssLink, head.firstChild);
}) })
</script> </script>
-->
{% block footer %}
<br>
{% endblock %} {% endblock %}

Loading…
Cancel
Save