fix analytic table when the referer is a long domain

This commit is contained in:
Simon Vieille 2022-02-28 21:58:01 +01:00
parent 7b6bb707d1
commit 98e49e4134
2 changed files with 25 additions and 7 deletions

View file

@ -113,6 +113,23 @@ tr.table-primary-light {
white-space: nowrap;
}
.wrap {
word-wrap: anywhere;
}
.analytic .analytic-referer::before {
content: '';
padding-right: 10px;
}
.analytic[open] .analytic-referer::before {
content: '';
}
.analytic-referer {
max-width: calc(100% - 60px);
}
.table tr {
td {
transition: border 500ms ease-out;

View file

@ -55,7 +55,7 @@
<tbody>
{% for path, views in pathViews %}
<tr>
<td>{{ path }}</td>
<td class="td-nowrap">{{ path }}</td>
<td class="text-right">{{ views.views }}</td>
<td class="text-right">{{ views.desktopViews }}</td>
<td class="text-right">{{ views.mobileViews }}</td>
@ -90,13 +90,14 @@
{% for referer, info in referers %}
<tr>
<td colspan="2">
<details>
<summary>
<div class="float-right">
{{ info.views }}
<details class="wrap analytic">
<summary class="d-flex justify-content-between">
<div class="analytic-referer">
{{- referer -}}
</div>
<div class="analytic-view">
{{- info.views -}}
</div>
{{ referer }}
</summary>
{% for path, views in info.uris %}