'label' => __('Visites'),
'backgroundColor' => '#f54d00', // Could make bars semi-transparent if desired
'borderColor'=> '#000000',
- 'borderWidth'=> 1,
+ 'borderWidth'=> .75,
'data' => $this->_pagesByPeriod->pluck('nb_visits')->toArray(),
'order' => 1,
'bar_offset' => -5, // Negative offset shifts bar to left
'label' => __('Pages vues'),
'backgroundColor' => '#514e49',
'borderColor'=> '#000000',
- 'borderWidth'=> 1,
+ 'borderWidth'=> .75,
'data' => $this->_pagesByPeriod->pluck('nb_hits')->toArray(),
'order' => 2,
'bar_offset' => 5, // Positive offset shifts bar to right
'label' => __('Visiteurs uniques'),
'backgroundColor' => 'hsl(72 100% 38% / 100%)',
'borderColor'=> '#000000',
- 'borderWidth'=> 1,
+ 'borderWidth'=> .75,
'data' => $this->_pagesByPeriod->pluck('nb_uniq_visitors')->toArray(),
'order' => 1,
'bar_offset' => -8, // Negative offset shifts bar to left
background: @sidebar-active;
}
-.table-striped tbody tr:nth-of-type(2n) {
- background-color: transparent;
+table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
+ background-color: #fff;
+}
+
+table.dataTable th{
+ background-color: #fafafa;
}
.dropdown-item.active, .dropdown-item:active {
justify-content: space-between;
}
- .summary {
- display: grid;
- grid-template-columns: max-content 1fr;
- }
-
- .summary dt, .summary dd {
- margin: 0;
- padding: 0.5em;
- }
-
- .summary dt {
- display: flex;
- align-items: center;
- white-space: nowrap;
- padding-right: 2em;
- }
-
- .summary dt:nth-of-type(odd), .summary dd:nth-of-type(odd), table.stats-details tbody tr:nth-of-type(odd) {
- background-color: #f4f4f4;
- }
-
- .summary dt:nth-of-type(even), .summary dd:nth-of-type(even), table.stats-details tbody tr:nth-of-type(even) {
- background-color: #eaeaea;
- }
-
table.stats-details {
width: 100%;
table-layout: fixed;
table.stats-details thead tr {
position: sticky;
top: 0;
- background-color: #fff;
+ background-color: #fafafa;
}
- table.stats-details tbody tr:hover td {
- background-color: rgba(156, 195, 34, 0.15);
+ table.stats-details thead th{
+ border-bottom: medium solid rgba(0,40,100,.12);
}
[data-name="formatted_date"] {
{{-- This doesn't extend any templates because it is fetched from loader.blade.php and injected via JS --}}
@php
- $tableClasses='sortable bg-white table table-striped table-hover nowrap rounded shadow-xs border-xs mt-2 dataTable dtr-inline';
+ $tableClasses='stats-details sortable bg-white table table-striped table-hover nowrap rounded shadow-xs border-xs mt-2 dataTable dtr-inline';
@endphp
<h2 class="mt-4">