[fix] make result template map more CSP compliant - simple & oscar

Add osm-map-box in::

    searx/static/themes/__common__/less/result_templates.less

Replaced sty= in files::

    ./oscar/result_templates/map.html:64:        <div style="height:300px; width:100%; margin: 10px 0;" id="osm-map-{{ index }}"></div>
    ./simple/result_templates/map.html:65:    <div id="result-map-{{ index }}" class="invisible"><div id="osm-map-{{ index }}" style="height:300px; width:100%; margin: 10px 0;" ></div></div>

Reported-by: https://github.com/searxng/searxng/issues/57
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
Markus Heiser 2021-09-05 16:58:56 +02:00
parent 48c806954e
commit ad528c706e
7 changed files with 11 additions and 2 deletions

View file

@ -0,0 +1,5 @@
.osm-map-box {
height:300px;
width:100%;
margin: 10px 0;
}

View file

@ -1,6 +1,7 @@
@import "../logicodev/variables.less"; @import "../logicodev/variables.less";
@import "../../../../__common__/less/new_issue.less"; @import "../../../../__common__/less/new_issue.less";
@import "../../../../__common__/less/stats.less"; @import "../../../../__common__/less/stats.less";
@import "../../../../__common__/less/result_templates.less";
@import "../../generated/pygments-logicodev.less"; @import "../../generated/pygments-logicodev.less";
@stacked-bar-chart: rgb(213, 216, 215, 1); @stacked-bar-chart: rgb(213, 216, 215, 1);

View file

@ -1,6 +1,7 @@
@import "variables.less"; @import "variables.less";
@import "../../../../__common__/less/new_issue.less"; @import "../../../../__common__/less/new_issue.less";
@import "../../../../__common__/less/stats.less"; @import "../../../../__common__/less/stats.less";
@import "../../../../__common__/less/result_templates.less";
@import "../../generated/pygments-logicodev.less"; @import "../../generated/pygments-logicodev.less";
@import "navbar.less"; @import "navbar.less";

View file

@ -1,6 +1,7 @@
@import "variables.less"; @import "variables.less";
@import "../../../../__common__/less/new_issue.less"; @import "../../../../__common__/less/new_issue.less";
@import "../../../../__common__/less/stats.less"; @import "../../../../__common__/less/stats.less";
@import "../../../../__common__/less/result_templates.less";
@import "../../generated/pygments-pointhi.less"; @import "../../generated/pygments-pointhi.less";
@import "footer.less"; @import "footer.less";

View file

@ -10,6 +10,7 @@
@import "../../__common__/less/new_issue.less"; @import "../../__common__/less/new_issue.less";
@import "../../__common__/less/stats.less"; @import "../../__common__/less/stats.less";
@import "../../__common__/less/result_templates.less";
@import (inline) "../../node_modules/normalize.css/normalize.css"; @import (inline) "../../node_modules/normalize.css/normalize.css";
@import "../generated/ion.less"; @import "../generated/ion.less";
@import "definitions.less"; @import "definitions.less";

View file

@ -64,7 +64,7 @@
{%- if (result.latitude and result.longitude) or result.boundingbox -%} {%- if (result.latitude and result.longitude) or result.boundingbox -%}
<div class="collapse" id="result-map-{{ index }}"> <div class="collapse" id="result-map-{{ index }}">
<div style="height:300px; width:100%; margin: 10px 0;" id="osm-map-{{ index }}"></div> <div class="osm-map-box" id="osm-map-{{ index }}"></div>
</div> </div>
{%- endif -%} {%- endif -%}

View file

@ -45,7 +45,7 @@
{{- result_sub_footer(result, proxify) -}} {{- result_sub_footer(result, proxify) -}}
{% if (result.latitude and result.longitude) or result.boundingbox -%} {% if (result.latitude and result.longitude) or result.boundingbox -%}
<div id="result-map-{{ index }}" class="invisible"><div id="osm-map-{{ index }}" style="height:300px; width:100%; margin: 10px 0;" ></div></div> <div id="result-map-{{ index }}" class="invisible"><div id="osm-map-{{ index }}" class="osm-map-box"></div></div>
{%- endif %} {%- endif %}
{{- result_footer(result) }} {{- result_footer(result) }}