adminator-admin-dashboard 2.7.0

package/src/assets/styles/vendor/fullcalendar.scss

@@ -0,0 +1,217 @@
+@use '../spec/settings/baseColors' as *;
+
+.fc {
+  background-color: var(--c-bkg-card) !important;
+  border: 1px solid var(--c-border) !important;
+  color: var(--c-text-base) !important;
+
+  // All table elements within the calendar
+  table {
+    background-color: var(--c-bkg-card) !important;
+    border-color: var(--c-border) !important;
+  }
+
+  th {
+    text-align: center;
+    padding: 15px;
+    background-color: var(--c-bkg-card) !important;
+    color: var(--c-text-base) !important;
+    font-size: 12px;
+    text-transform: uppercase;
+    border-right-width: 0;
+    border-left-width: 0;
+    border-color: var(--c-border) !important;
+  }
+
+  td {
+    background-color: var(--c-bkg-card) !important;
+    border-color: var(--c-border) !important;
+    color: var(--c-text-base) !important;
+  }
+
+  button {
+    background-color: var(--c-bkg-card) !important;
+    background-image: none;
+    height: 37px;
+    padding: 0 15px;
+    color: var(--c-text-base) !important;
+    border-color: var(--c-border) !important;
+
+    &.fc-state-default {
+      border-color: var(--c-border) !important;
+      box-shadow: none;
+      background-color: var(--c-bkg-card) !important;
+      color: var(--c-text-base) !important;
+    }
+
+    &.fc-state-active {
+      box-shadow: none;
+      background-color: var(--c-primary) !important;
+      color: white !important;
+      border-color: var(--c-primary) !important;
+    }
+
+    &:hover {
+      background-color: color-mix(in srgb, var(--c-bkg-card) 85%, var(--c-border)) !important;
+      border-color: var(--c-border) !important;
+      color: var(--c-text-base) !important;
+    }
+  }
+
+  // Calendar header/toolbar
+  .fc-head {
+    background-color: var(--c-bkg-card) !important;
+    border-color: var(--c-border) !important;
+  }
+
+  .fc-head-container {
+    background-color: var(--c-bkg-card) !important;
+    border-color: var(--c-border) !important;
+  }
+
+  // Calendar body
+  .fc-body {
+    background-color: var(--c-bkg-card) !important;
+    border-color: var(--c-border) !important;
+  }
+
+  // Individual day cells
+  .fc-day {
+    background-color: var(--c-bkg-card) !important;
+    border-color: var(--c-border) !important;
+    
+    &:hover {
+      background-color: color-mix(in srgb, var(--c-bkg-card) 90%, var(--c-border)) !important;
+    }
+  }
+
+  // Week cells
+  .fc-week {
+    background-color: var(--c-bkg-card) !important;
+    border-color: var(--c-border) !important;
+  }
+
+  // All grid elements
+  .fc-widget-header,
+  .fc-widget-content {
+    border-color: var(--c-border) !important;
+    background-color: var(--c-bkg-card) !important;
+  }
+}
+
+.fc-toolbar {
+  padding: 20px 20px 0;
+  background-color: var(--c-bkg-card) !important;
+}
+
+.fc-view,
+.fc-view > table {
+  background-color: var(--c-bkg-card) !important;
+  border-color: var(--c-border) !important;
+}
+
+.fc-basic-view td.fc-day-number,
+.fc-basic-view td.fc-week-number span {
+  padding: 7px 15px;
+  color: var(--c-text-base) !important;
+}
+
+.fc-unthemed {
+  background-color: var(--c-bkg-card) !important;
+  
+  .fc-content,
+  .fc-divider,
+  .fc-popover,
+  .fc-row,
+  tbody,
+  td,
+  th,
+  thead {
+    border-color: var(--c-border) !important;
+    background-color: var(--c-bkg-card) !important;
+  }
+
+  .fc-today {
+    background-color: color-mix(in srgb, var(--c-primary) 10%, var(--c-bkg-card)) !important;
+  }
+
+  .fc-popover {
+    background: var(--c-bkg-card) !important;
+    color: var(--c-text-base) !important;
+    border-color: var(--c-border) !important;
+  }
+
+  // Other month dates (faded)
+  .fc-other-month {
+    .fc-day-number {
+      color: var(--c-text-muted) !important;
+    }
+  }
+
+  // Weekend styling
+  .fc-sun,
+  .fc-sat {
+    background-color: color-mix(in srgb, var(--c-bkg-card) 95%, var(--c-border)) !important;
+  }
+}
+
+.fc-basic-view {
+  background-color: var(--c-bkg-card) !important;
+  
+  .fc-day-number {
+    color: var(--c-text-base) !important;
+
+    &.fc-today {
+      background-color: var(--c-primary) !important;
+      color: white !important;
+      display: inline-block;
+      float: right;
+      border-radius: 50%;
+      padding: 6px 8px;
+      line-height: 1;
+      margin: 4px 4px 0 0;
+    }
+  }
+
+  .fc-day-header {
+    background-color: var(--c-bkg-card) !important;
+    color: var(--c-text-base) !important;
+    border-color: var(--c-border) !important;
+  }
+}
+
+.fc-event-container {
+  .fc-event {
+    border-radius: 3px;
+    border: 0;
+    background-color: var(--c-primary) !important;
+    color: white !important;
+    font-size: 12px;
+    line-height: 2.5;
+    padding: 0 15px;
+
+    &:hover {
+      background-color: var(--c-primary-hover) !important;
+      opacity: 0.9;
+    }
+  }
+
+  .fc-day-grid-event {
+    margin: 1px 5px 5px;
+  }
+}
+
+// Comprehensive border fix for all calendar elements
+.fc * {
+  border-color: var(--c-border) !important;
+}
+
+// Fix for any remaining border inconsistencies
+.fc .fc-grid,
+.fc .fc-grid table,
+.fc .fc-grid tr,
+.fc .fc-grid td,
+.fc .fc-grid th {
+  border-color: var(--c-border) !important;
+  background-color: var(--c-bkg-card) !important;
+}

package/src/assets/styles/vendor/index.scss

@@ -0,0 +1,8 @@
+@use 'perfect-scrollbar/css/perfect-scrollbar' as *;
+@use 'themify-icons' as *;
+@use 'font-awesome' as *;
+@use 'perfectScrollbar' as *;
+@use 'sparkline' as *;
+@use 'jquery.datatables' as *;
+@use 'fullcalendar' as *;
+@use 'datepicker' as *;

package/src/assets/styles/vendor/jquery.datatables.scss

@@ -0,0 +1,162 @@
+@use '../spec/settings/baseColors' as *;
+@use '../spec/settings/breakpoints' as *;
+@use '../spec/tools/mixins/mediaQueriesRanges' as *;
+
+table {
+  &.dataTable {
+    background: var(--c-bkg-card);
+    color: var(--c-text-base);
+    
+    &.no-footer {
+      border-bottom: 1px solid var(--c-border);
+      margin-bottom: 20px;
+    }
+    
+    thead th {
+      background: var(--c-bkg-card);
+      color: var(--c-text-base);
+      border-color: var(--c-border);
+    }
+    
+    tbody td {
+      background: var(--c-bkg-card);
+      color: var(--c-text-base);
+      border-color: var(--c-border);
+    }
+    
+    tbody tr:nth-child(even) td {
+      background: color-mix(in srgb, var(--c-bkg-card) 95%, var(--c-border));
+    }
+    
+    tbody tr:hover td {
+      background: color-mix(in srgb, var(--c-bkg-card) 90%, var(--c-border)) !important;
+    }
+  }
+}
+
+.sorting_asc {
+  &:focus {
+    outline: none;
+  }
+}
+
+.dataTables_wrapper {
+  overflow: hidden;
+  padding-bottom: 5px;
+
+  .dataTables_length{
+    color: var(--c-text-base);
+    float: left;
+
+    @include to($breakpoint-sm) {
+      text-align: left;
+    }
+
+    select {
+      border: 1px solid var(--c-border);
+      border-radius: 2px;
+      box-shadow: none;
+      height: 35px;
+      font-size: 14px;
+      padding: 5px;
+      margin-left: 5px;
+      margin-right: 5px;
+      color: var(--c-text-base);
+      background: var(--c-bkg-card);
+      transition: all 0.2s ease-in;
+    }
+  }
+
+  .dataTables_filter {
+    color: var(--c-text-base);
+    float: right;
+
+    @include to($breakpoint-sm) {
+      text-align: left;
+    }
+
+    input {
+      border: 1px solid var(--c-border);
+      border-radius: 2px;
+      box-shadow: none;
+      height: 35px;
+      font-size: 14px;
+      margin-left: 15px;
+      padding: 5px;
+      color: var(--c-text-base);
+      background: var(--c-bkg-card);
+      transition: all 0.2s ease-in;
+      
+      &::placeholder {
+        color: var(--c-text-muted);
+      }
+    }
+  }
+
+  .dataTables_info {
+    color: var(--c-text-base);
+    float: left;
+  }
+
+  .dataTables_processing {
+    color: var(--c-text-base);
+  }
+
+  .dataTables_paginate {
+    color: var(--c-text-base);
+    float: right;
+
+    .paginate_button {
+      color: var(--c-text-base) !important;
+      padding: 6px 12px;
+      border-radius: 2px;
+      margin-right: 10px;
+      transition: all 0.2s ease-in-out;
+      text-decoration: none;
+      background: var(--c-bkg-card);
+      border: 1px solid var(--c-border);
+
+      &.next,
+      &.previous,
+      &.first,
+      &.last {
+        border-radius: 2px;
+        text-decoration: none;
+
+        &:hover,
+        &:focus {
+          color: #fff !important;
+          background: var(--c-primary);
+        }
+
+        &.disabled {
+          opacity: 0.4;
+          pointer-events: none;
+        }
+      }
+
+      &:hover {
+        color: #fff !important;
+        background: var(--c-primary);
+        border-color: var(--c-primary);
+      }
+
+      &.current {
+        color: #fff !important;
+        background: var(--c-primary);
+        border-color: var(--c-primary);
+
+        &:hover {
+          color: #fff !important;
+          background: var(--c-primary);
+        }
+      }
+    }
+  }
+
+  .status {
+    width: 5px;
+    height: 5px;
+  }
+}
+

package/src/assets/styles/vendor/perfectScrollbar.scss

@@ -0,0 +1,4 @@
+.ps__rail-y {
+  right: 0 !important;
+  left: auto !important;
+}

package/src/assets/styles/vendor/sparkline.scss

@@ -0,0 +1,6 @@
+#jqstooltip {
+  width: auto !important;
+  height: auto !important;
+  padding: 5px 10px !important;
+  border-radius: 2px !important;
+}