mirror of
https://github.com/searxng/searxng
synced 2024-01-01 19:24:07 +01:00
cdfb4b7ff9
Replace bar graph's *styles* (see below) by CSP compliant implementation in
``searx/static/themes/__common__/less/stats.less`` ::
./simple/stats.html:49: <span style="width: calc(max(2px, 100%*{{ (engine_stat.result_count / engine_stats.max_result_count )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
./simple/stats.html:57: <span style="width: calc(max(2px, 100%*{{ (engine_stat.http / engine_stats.max_time )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
./simple/stats.html:58: <span style="width: calc(100%*{{ engine_stat.processing / engine_stats.max_time |round(3) }})" class="stacked-bar-chart-serie2"></span>{{- "" -}}
./oscar/stats.html:50: <span style="width: calc(max(2px, 100%*{{ (engine_stat.result_count / engine_stats.max_result_count )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
./oscar/stats.html:58: <span style="width: calc(max(2px, 100%*{{ (engine_stat.http / engine_stats.max_time )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
./oscar/stats.html:59: <span style="width: calc(100%*{{ engine_stat.processing / engine_stats.max_time |round(3) }})" class="stacked-bar-chart-serie2"></span>{{- "" -}}
Reported-by: https://github.com/searxng/searxng/issues/57
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
79 lines
1.7 KiB
Text
79 lines
1.7 KiB
Text
.table > tbody > tr > td, .table > tbody > tr > th {
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
.engine-tooltip {
|
|
display: none;
|
|
position: absolute;
|
|
padding: 0.5rem 1rem;
|
|
margin: 0rem 0 0 2rem;
|
|
border: 1px solid #ddd;
|
|
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
|
|
background: white;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
z-index: 1000000;
|
|
}
|
|
|
|
th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* stacked-bar-chart */
|
|
.stacked-bar-chart {
|
|
margin: 0;
|
|
padding: 0 0.125rem 0 3rem;
|
|
width: 100%;
|
|
width: -moz-available;
|
|
width: -webkit-fill-available;
|
|
width: fill;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
flex-grow: 1;
|
|
align-items: center;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.stacked-bar-chart-value {
|
|
width: 3rem;
|
|
display: inline-block;
|
|
position: absolute;
|
|
padding: 0 0.5rem;
|
|
text-align: right;
|
|
}
|
|
|
|
.stacked-bar-chart-base {
|
|
display:flex;
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
flex-basis: unset;
|
|
}
|
|
|
|
.stacked-bar-chart-median {
|
|
.stacked-bar-chart-base();
|
|
background: @stacked-bar-chart;
|
|
border: 1px solid fade(@stacked-bar-chart, 90%);
|
|
padding: 0.3rem 0;
|
|
}
|
|
|
|
.stacked-bar-chart-rate80 {
|
|
.stacked-bar-chart-base();
|
|
background: transparent;
|
|
border: 1px solid fade(@stacked-bar-chart, 30%);
|
|
padding: 0.3rem 0;
|
|
}
|
|
|
|
.stacked-bar-chart-rate95 {
|
|
.stacked-bar-chart-base();
|
|
background: transparent;
|
|
border-bottom: 1px dotted fade(@stacked-bar-chart, 50%);
|
|
padding: 0;
|
|
}
|
|
|
|
.stacked-bar-chart-rate100 {
|
|
.stacked-bar-chart-base();
|
|
background: transparent;
|
|
border-left: 1px solid fade(@stacked-bar-chart, 90%);
|
|
padding: 0.4rem 0;
|
|
width: 1px;
|
|
}
|