mirror of
https://github.com/subsurface/subsurface.git
synced 2024-11-30 22:20:21 +00:00
Printing: add css filter to templates
Filter HTML body with grayscale value, add background-color to div inside body so filter can be applied to it. Signed-off-by: Gehad elrobey <gehadelrobey@gmail.com> Signed-off-by: Lubomir I. Ivanov <neolit123@gmail.com>
This commit is contained in:
parent
cea79b4e0a
commit
d2bc70a570
2 changed files with 14 additions and 2 deletions
|
@ -2,7 +2,7 @@
|
|||
<head>
|
||||
<style>
|
||||
body {
|
||||
background-color: {{ template_options.color1 }};
|
||||
{{ print_options.grayscale }};
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: {{ template_options.font_size }}vw;
|
||||
|
@ -27,6 +27,10 @@
|
|||
padding-right: 0.5vw;
|
||||
}
|
||||
|
||||
#body_div {
|
||||
background-color: {{ template_options.color1 }};
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
width: 96%;
|
||||
height: 100%;
|
||||
|
@ -93,6 +97,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body data-numberofdives = 1>
|
||||
<div id="body_div">
|
||||
{% block main_rows %}
|
||||
{% for dive in dives %}
|
||||
<div class="mainContainer">
|
||||
|
@ -206,5 +211,6 @@
|
|||
</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<head>
|
||||
<style>
|
||||
body {
|
||||
background-color: {{ template_options.color1 }};
|
||||
{{ print_options.grayscale }};
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-size: {{ template_options.font_size }}vw;
|
||||
|
@ -15,6 +15,10 @@
|
|||
float: left;
|
||||
}
|
||||
|
||||
#body_div {
|
||||
background-color: {{ template_options.color1 }};
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
width: 96%;
|
||||
height: 50%;
|
||||
|
@ -103,6 +107,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body data-numberofdives = 2>
|
||||
<div id="body_div">
|
||||
{% block main_rows %}
|
||||
{% for dive in dives %}
|
||||
<div class="mainContainer">
|
||||
|
@ -217,5 +222,6 @@
|
|||
{% endblock %}
|
||||
<div id="footer">
|
||||
<div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue