| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- /* Card Analytics
- ******************************************************************************* */
- @import "../_bootstrap-extended/include";
-
- /* Report list section style */
- .report-list {
- .report-list-item {
- background-color: rgba(var(--#{$prefix}base-color-rgb), .06);
- padding-block: .75rem;
- padding-inline: 1rem;
- }
- .report-list-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: var(--#{$prefix}paper-bg);
- min-block-size: 40px;
- min-inline-size: 40px;
- @include border-radius($border-radius);
- }
- }
-
- /* Vehicles overview progress labels */
- .vehicles-progress-labels {
- .vehicles-progress-label {
- position: relative;
- padding-block-end: 15px;
- &::after {
- position: absolute;
- display: inline-block;
- background-color: var(--#{$prefix}border-color);
- block-size: 10px;
- content: "";
- inline-size: 2px;
- inset-block-end: 0;
- inset-inline-start: 0;
- [dir="rtl"] & {
- inset-inline: unset 0;
- }
- }
- }
- }
-
- /* Vehicles overview progress */
- .vehicles-overview-progress {
- --#{$prefix}snackbar-bg: #22303e;
- .bg-gray-900 {
- color: var(--#{$prefix}white);
- }
- .snackbar {
- background-color: var(--#{$prefix}snackbar-bg);
- }
- }
-
- /* Shipment statistics chart legend */
- #shipmentStatisticsChart,
- #carrierPerformance {
- .apexcharts-legend-series {
- @include border-radius($border-radius);
- border: $border-width solid var(--#{$prefix}border-color);
- block-size: 83%;
- padding-block: 4px;
- padding-inline: 12px;
- padding-inline-start: 17px;
- }
- }
-
-
- /* Dark theme */
- @if $enable-dark-mode {
- @include color-mode(dark) {
- .vehicles-overview-progress {
- --#{$prefix}snackbar-bg: #e6e6f1;
- }
- }
- }
|