kopia lustrzana https://github.com/magicbug/Cloudlog
[Dashboard] Upcoming DXPed - Improved CSS
Upcoming DXPed - Improved CSS to handle dark themes betterpull/2998/head
rodzic
4516144c5c
commit
b78c307f80
|
@ -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>';
|
||||
}
|
||||
?>
|
||||
|
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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%;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
Ładowanie…
Reference in New Issue