[Dashboard] Upcoming DXPed - Improved CSS

Upcoming DXPed - Improved CSS to handle dark themes better
pull/2998/head
Peter Goodhall 2024-02-23 15:29:37 +00:00
rodzic 4516144c5c
commit b78c307f80
8 zmienionych plików z 96 dodań i 5 usunięć

Wyświetl plik

@ -1,15 +1,15 @@
<table class="table table-striped border-top">
<table id="upcoming_dxccs_component" class="table table-striped border-top">
<tr class="titles">
<td colspan="3"><i class="fas fa-chart-bar"></i> DXPeditions (This Week)</td>
</tr>
<?php
foreach ($thisWeekRecords as $record) {
$color = $record['workedBefore'] == 1 ? '#ddffdd' : '#ffdddd';
$name = $record['workedBefore'] == 1 ? 'worked_before' : 'not_worked_before';
echo '<tr>';
echo '<td style="background-color: ' . $color . ';" width="33%">' . $record['daysLeft'] . '</td>'; // Date
echo '<td style="background-color: ' . $color . ';" width="33%">' . '<a href="#" data-bs-toggle="tooltip" data-bs-title="'.$record['6'].'">'.$record['callsign'] . '</a>'. '</td>'; // Callsign
echo '<td style="background-color: ' . $color . ';" width="33%">' . $record['2'] . '</td>'; // Country
echo '<td id="' . $name . '">' . $record['daysLeft'] . '</td>'; // Date
echo '<td id="' . $name . '">' . '<a href="#" data-bs-toggle="tooltip" data-bs-title="'.$record['6'].'">'.$record['callsign'] . '</a>'. '</td>'; // Callsign
echo '<td id="' . $name . '">' . $record['2'] . '</td>'; // Country
echo '</tr>';
}
?>

Wyświetl plik

@ -191,4 +191,17 @@ path.grid-worked {
}
.accordion-button.collapsed {
border-bottom: 1px solid var(--bs-body-bg);
}
/* CSS for Upcoming DXCC Component */
#upcoming_dxccs_component #worked_before {
background-color: #ddffdd;
width: 33%;
color: #000;
}
#upcoming_dxccs_component #not_worked_before {
background-color: #ffdddd;
width: 33%;
color: #000;
}

Wyświetl plik

@ -246,4 +246,17 @@ path.grid-worked {
}
.accordion-button.collapsed {
border-bottom: 1px solid var(--bs-body-bg);
}
/* CSS for Upcoming DXCC Component */
#upcoming_dxccs_component #worked_before {
background-color: #ddffdd;
width: 33%;
color: #000;
}
#upcoming_dxccs_component #not_worked_before {
background-color: #ffdddd;
width: 33%;
color: #000;
}

Wyświetl plik

@ -204,4 +204,15 @@ div.alert-danger {
border-bottom:1px solid var(--bs-body-bg);
}
/* CSS for Upcoming DXCC Component */
#upcoming_dxccs_component #worked_before {
background-color: #ddffdd;
width: 33%;
color: #000;
}
#upcoming_dxccs_component #not_worked_before {
background-color: #ffdddd;
width: 33%;
color: #000;
}

Wyświetl plik

@ -258,4 +258,17 @@ div.alert-danger {
}
.accordion-button.collapsed {
border-bottom:1px solid var(--bs-body-bg);
}
/* CSS for Upcoming DXCC Component */
#upcoming_dxccs_component #worked_before {
background-color: #ddffdd;
width: 33%;
color: #000;
}
#upcoming_dxccs_component #not_worked_before {
background-color: #ffdddd;
width: 33%;
color: #000;
}

Wyświetl plik

@ -783,3 +783,14 @@ label {
background-color: rgb(254 243 199) !important;
--bs-badge-color: rgb(217 119 6) !important;
}
/* CSS for Upcoming DXCC Component */
#upcoming_dxccs_component #worked_before {
background-color: #ddffdd;
width: 33%;
}
#upcoming_dxccs_component #not_worked_before {
background-color: #ffdddd;
width: 33%;
}

Wyświetl plik

@ -194,4 +194,19 @@ div.alert-danger {
}
.accordion-body {
border: 1px solid #4e5e6c;
}
/* CSS for Upcoming DXCC Component */
#upcoming_dxccs_component #worked_before {
background-color: #ddffdd;
width: 33%;
color: #000;
box-shadow: none !important;
}
#upcoming_dxccs_component #not_worked_before {
background-color: #ffdddd !important;
width: 33%;
color: #000;
box-shadow: none !important;
}

Wyświetl plik

@ -248,4 +248,19 @@ div.alert-danger {
}
.accordion-body {
border: 1px solid #4e5e6c;
}
/* CSS for Upcoming DXCC Component */
#upcoming_dxccs_component #worked_before {
background-color: #ddffdd;
width: 33%;
color: #000;
box-shadow: none !important;
}
#upcoming_dxccs_component #not_worked_before {
background-color: #ffdddd !important;
width: 33%;
color: #000;
box-shadow: none !important;
}