mirror of
https://github.com/subsurface/subsurface.git
synced 2025-02-19 22:16:15 +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>
|
<head>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
background-color: {{ template_options.color1 }};
|
{{ print_options.grayscale }};
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: {{ template_options.font_size }}vw;
|
font-size: {{ template_options.font_size }}vw;
|
||||||
|
@ -27,6 +27,10 @@
|
||||||
padding-right: 0.5vw;
|
padding-right: 0.5vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#body_div {
|
||||||
|
background-color: {{ template_options.color1 }};
|
||||||
|
}
|
||||||
|
|
||||||
.mainContainer {
|
.mainContainer {
|
||||||
width: 96%;
|
width: 96%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -93,6 +97,7 @@
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body data-numberofdives = 1>
|
<body data-numberofdives = 1>
|
||||||
|
<div id="body_div">
|
||||||
{% block main_rows %}
|
{% block main_rows %}
|
||||||
{% for dive in dives %}
|
{% for dive in dives %}
|
||||||
<div class="mainContainer">
|
<div class="mainContainer">
|
||||||
|
@ -206,5 +211,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<head>
|
<head>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
background-color: {{ template_options.color1 }};
|
{{ print_options.grayscale }};
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
font-size: {{ template_options.font_size }}vw;
|
font-size: {{ template_options.font_size }}vw;
|
||||||
|
@ -15,6 +15,10 @@
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#body_div {
|
||||||
|
background-color: {{ template_options.color1 }};
|
||||||
|
}
|
||||||
|
|
||||||
.mainContainer {
|
.mainContainer {
|
||||||
width: 96%;
|
width: 96%;
|
||||||
height: 50%;
|
height: 50%;
|
||||||
|
@ -103,6 +107,7 @@
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body data-numberofdives = 2>
|
<body data-numberofdives = 2>
|
||||||
|
<div id="body_div">
|
||||||
{% block main_rows %}
|
{% block main_rows %}
|
||||||
{% for dive in dives %}
|
{% for dive in dives %}
|
||||||
<div class="mainContainer">
|
<div class="mainContainer">
|
||||||
|
@ -217,5 +222,6 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<div>
|
<div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Add table
Reference in a new issue