adminator-admin-dashboard 2.8.1 → 4.1.5

package/src/assets/styles/spec/components/easyPieChart.scss

@@ -1,11 +0,0 @@
-.easy-pie-chart {
-  position: relative;
-
-  span {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    line-height: 0;
-  }
-}

package/src/assets/styles/spec/components/footer.scss

@@ -1,4 +0,0 @@
-footer {
-  z-index: 1;
-  position: relative;
-}

package/src/assets/styles/spec/components/forms.scss

@@ -1,288 +0,0 @@
-@use '../settings/baseColors' as *;
-@use '../settings/materialColors' as *;
-
-.checkbox label {
-  display: inline-block;
-  vertical-align: middle;
-  position: relative;
-  padding-left: 17px;
-  margin-bottom: 0;
-}
-
-.checkbox label::before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  width: 17px;
-  height: 17px;
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  margin-left: -12px;
-  border: 1px solid $grey-300;
-  border-radius: 3px;
-  background-color: $md-white;
-  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-}
-
-.checkbox label::after {
-  display: inline-block;
-  position: absolute;
-  width: 17px;
-  height: 17px;
-  text-align: center;
-  font-size: 10px !important;
-  line-height: 17px;
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  margin-left: -12px;
-  color: $grey-500;
-}
-
-.checkbox input[type="checkbox"] {
-  opacity: 0;
-  z-index: 1;
-}
-
-.checkbox input[type="checkbox"]:focus + label::before {
-  outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-.checkbox input[type="checkbox"]:checked + label::after {
-  font-family: 'FontAwesome';
-  content: "\f00c";
-  font-size: 13px;
-}
-
-.checkbox input[type="checkbox"]:disabled + label {
-  opacity: 0.65;
-}
-
-.checkbox input[type="checkbox"]:disabled + label::before {
-  background-color: $grey-400;
-  cursor: not-allowed;
-}
-
-.checkbox.checkbox-circle label::before {
-  border-radius: 50%;
-}
-
-.checkbox.checkbox-inline {
-  margin-top: 0;
-}
-
-.checkbox-primary input[type="checkbox"]:checked + label::before {
-  background-color: $default-primary;
-  border-color: $default-primary;
-}
-
-.checkbox-primary input[type="checkbox"]:checked + label::after {
-  color: #fff;
-}
-
-.checkbox-danger input[type="checkbox"]:checked + label::before {
-  background-color: $default-danger;
-  border-color: $default-danger;
-}
-
-.checkbox-danger input[type="checkbox"]:checked + label::after {
-  color: $md-white;
-}
-
-.checkbox-info input[type="checkbox"]:checked + label::before {
-  background-color: $default-info;
-  border-color: $default-info;
-}
-
-.checkbox-info input[type="checkbox"]:checked + label::after {
-  color: $md-white;
-}
-
-.checkbox-warning input[type="checkbox"]:checked + label::before {
-  background-color: $default-warning;
-  border-color: $default-warning;
-}
-
-.checkbox-warning input[type="checkbox"]:checked + label::after {
-  color: $md-white;
-}
-
-.checkbox-success input[type="checkbox"]:checked + label::before {
-  background-color: $default-success;
-  border-color: $default-success;
-}
-
-.checkbox-success input[type="checkbox"]:checked + label::after {
-  color: $md-white;
-}
-
-.radio {
-  padding-left: 20px;
-}
-
-.radio label {
-  display: inline-block;
-  vertical-align: middle;
-  position: relative;
-  padding-left: 5px;
-}
-
-.radio label::before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  width: 17px;
-  height: 17px;
-  left: 0;
-  margin-left: -20px;
-  border: 1px solid #cccccc;
-  border-radius: 50%;
-  background-color: var(--c-bkg-card);
-  -webkit-transition: border 0.15s ease-in-out;
-  -o-transition: border 0.15s ease-in-out;
-  transition: border 0.15s ease-in-out;
-}
-
-.radio label::after {
-  display: inline-block;
-  position: absolute;
-  content: " ";
-  width: 11px;
-  height: 11px;
-  left: 3px;
-  top: 3px;
-  margin-left: -20px;
-  border-radius: 50%;
-  background-color: var(--c-text-base);
-  -webkit-transform: scale(0, 0);
-  -ms-transform: scale(0, 0);
-  -o-transform: scale(0, 0);
-  transform: scale(0, 0);
-  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-}
-
-.radio input[type="radio"] {
-  opacity: 0;
-  z-index: 1;
-}
-
-.radio input[type="radio"]:focus + label::before {
-  outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-.radio input[type="radio"]:checked + label::after {
-  -webkit-transform: scale(1, 1);
-  -ms-transform: scale(1, 1);
-  -o-transform: scale(1, 1);
-  transform: scale(1, 1);
-}
-
-.radio input[type="radio"]:disabled + label {
-  opacity: 0.65;
-}
-
-.radio input[type="radio"]:disabled + label::before {
-  cursor: not-allowed;
-}
-
-.radio.radio-inline {
-  margin-top: 0;
-}
-
-.radio-primary input[type="radio"] + label::after {
-  background-color: #428bca;
-}
-
-.radio-primary input[type="radio"]:checked + label::before {
-  border-color: #428bca;
-}
-
-.radio-primary input[type="radio"]:checked + label::after {
-  background-color: #428bca;
-}
-
-.radio-danger input[type="radio"] + label::after {
-  background-color: #d9534f;
-}
-
-.radio-danger input[type="radio"]:checked + label::before {
-  border-color: #d9534f;
-}
-
-.radio-danger input[type="radio"]:checked + label::after {
-  background-color: #d9534f;
-}
-
-.radio-info input[type="radio"] + label::after {
-  background-color: #5bc0de;
-}
-
-.radio-info input[type="radio"]:checked + label::before {
-  border-color: #5bc0de;
-}
-
-.radio-info input[type="radio"]:checked + label::after {
-  background-color: #5bc0de;
-}
-
-.radio-warning input[type="radio"] + label::after {
-  background-color: #f0ad4e;
-}
-
-.radio-warning input[type="radio"]:checked + label::before {
-  border-color: #f0ad4e;
-}
-
-.radio-warning input[type="radio"]:checked + label::after {
-  background-color: #f0ad4e;
-}
-
-.radio-success input[type="radio"] + label::after {
-  background-color: #5cb85c;
-}
-
-.radio-success input[type="radio"]:checked + label::before {
-  border-color: #5cb85c;
-}
-
-.radio-success input[type="radio"]:checked + label::after {
-  background-color: #5cb85c;
-}
-
-// Dark mode specific fixes for birthdate field only
-[data-theme="dark"] {
-  // Date picker specific styling (birthdate field)
-  .timepicker-input {
-    .input-group-text {
-      background-color: var(--c-bkg-card) !important;
-      border-color: var(--c-border) !important;
-      color: var(--c-text-base) !important;
-
-      // Override specific background classes
-      &.bgc-white {
-        background-color: var(--c-bkg-card) !important;
-      }
-
-      // Calendar icon styling
-      .ti-calendar {
-        color: var(--c-text-base) !important;
-      }
-    }
-
-    .form-control {
-      &.bdc-grey-200 {
-        border-color: var(--c-border) !important;
-      }
-    }
-  }
-}

package/src/assets/styles/spec/components/index.scss

@@ -1,9 +0,0 @@
-@use 'sidebar' as *;
-@use 'topbar' as *;
-@use 'pageContainer' as *;
-@use 'progressBar' as *;
-@use 'easyPieChart' as *;
-@use 'forms' as *;
-@use 'masonry' as *;
-@use 'loader' as *;
-@use 'footer' as *;

package/src/assets/styles/spec/components/loader.scss

@@ -1,46 +0,0 @@
-#loader {
-  transition: all 0.3s ease-in-out;
-  opacity: 1;
-  visibility: visible;
-  position: fixed;
-  height: 100vh;
-  width: 100%;
-  background: var(--loader-bg);
-  z-index: 90000;
-}
-
-#loader.fadeOut {
-  opacity: 0;
-  visibility: hidden;
-}
-
-.spinner {
-  width: 40px;
-  height: 40px;
-  position: absolute;
-  top: calc(50% - 20px);
-  left: calc(50% - 20px);
-  background-color: var(--spinner-bg);
-  border-radius: 100%;
-  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
-  animation: sk-scaleout 1.0s infinite ease-in-out;
-}
-
-@-webkit-keyframes sk-scaleout {
-  0% { -webkit-transform: scale(0) }
-  100% {
-    -webkit-transform: scale(1.0);
-    opacity: 0;
-  }
-}
-
-@keyframes sk-scaleout {
-  0% {
-    -webkit-transform: scale(0);
-    transform: scale(0);
-  } 100% {
-    -webkit-transform: scale(1.0);
-    transform: scale(1.0);
-    opacity: 0;
-  }
-}

package/src/assets/styles/spec/components/masonry.scss

@@ -1 +0,0 @@
-

package/src/assets/styles/spec/components/pageContainer.scss

@@ -1,255 +0,0 @@
-@use '../settings/baseColors' as *;
-@use '../settings/breakpoints' as *;
-@use '../tools/mixins/mediaQueriesRanges' as *;
-
-// ---------------------------------------------------------
-// @TOC
-// ---------------------------------------------------------
-
-// + @Page Container
-// + @Main Content
-// + @Full Container
-// + @Collapsed State
-// + @Mobile Layout Fixes
-
-// ---------------------------------------------------------
-// @Page Container - MODERN LAYOUT APPROACH
-// ---------------------------------------------------------
-
-.page-container {
-  min-height: 100vh;
-  padding-left: $offscreen-size;
-  transition: all 0.2s ease;
-  
-  // Modern flexbox layout to prevent footer overlap
-  display: flex;
-  flex-direction: column;
-
-  @include between($breakpoint-md, $breakpoint-xl) {
-    padding-left: $collapsed-size;
-  }
-
-  @include to($breakpoint-md) {
-    padding-left: 0;
-  }
-}
-
-// ---------------------------------------------------------
-// @Main Content - FLEXIBLE LAYOUT
-// ---------------------------------------------------------
-
-.main-content {
-  padding: 85px 20px 20px;
-  
-  // Flex-grow to push footer to bottom
-  flex: 1 0 auto;
-  min-height: 0; // Allow flex shrinking
-  
-  // Ensure content doesn't overflow
-  overflow-x: hidden;
-
-  @include to($breakpoint-md) {
-    padding: 85px 5px 5px;
-  }
-
-  @include to($breakpoint-sm) {
-    padding: 85px 10px 30px; // Extra bottom padding on mobile
-  }
-  
-  @include to(400px) {
-    padding: 85px 5px 40px; // Even more bottom padding on tiny screens
-  }
-}
-
-.remain-height {
-  height: calc(100vh - 126px);
-}
-
-// ---------------------------------------------------------
-// @Full Container
-// ---------------------------------------------------------
-
-.full-container {
-  left: $offscreen-size;
-  min-height: calc(100vh - #{$header-height});
-  position: absolute;
-  right: 0;
-  top: $header-height;
-  transition: all 0.2s ease;
-
-  @include between($breakpoint-md, $breakpoint-xl) {
-    left: 0;
-    padding-left: $collapsed-size;
-  }
-
-  @include to($breakpoint-md) {
-    left: 0;
-  }
-}
-
-// ---------------------------------------------------------
-// @Mobile Layout Fixes - AGGRESSIVE FOOTER SOLUTION
-// ---------------------------------------------------------
-
-// Footer - completely redesigned for mobile
-footer {
-  // Flex-shrink: 0 to prevent compression
-  flex: 0 0 auto;
-  
-  // Positioning
-  position: relative;
-  z-index: 1;
-  
-  // Styling
-  margin-top: auto;
-  padding: 20px;
-  text-align: center;
-  border-top: 1px solid var(--c-border);
-  background: var(--c-bkg-card);
-  color: var(--c-text-muted);
-  font-size: 12px;
-  line-height: 1.4;
-  
-  // Prevent any potential overflow
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-
-  // Tablet footer adjustments
-  @include to($breakpoint-md) {
-    padding: 18px 15px;
-    font-size: 11px;
-  }
-
-  // Mobile footer adjustments
-  @include to($breakpoint-sm) {
-    padding: 15px 10px;
-    font-size: 10px;
-    line-height: 1.3;
-    
-    span {
-      display: inline-block;
-      max-width: 100%;
-      
-      a {
-        color: var(--c-primary);
-        text-decoration: none;
-        word-break: break-word;
-        
-        &:hover {
-          text-decoration: underline;
-        }
-      }
-    }
-  }
-
-  // Tiny screen footer adjustments
-  @include to(400px) {
-    padding: 12px 8px;
-    font-size: 9px;
-    line-height: 1.2;
-    
-    span {
-      display: block;
-      
-      // Break long text on new lines for readability
-      &::after {
-        content: "";
-        display: block;
-        height: 2px;
-      }
-    }
-  }
-}
-
-// Ensure body and html take full height for flex layout
-html, body {
-  height: 100%;
-  margin: 0;
-  padding: 0;
-}
-
-// Global mobile overflow prevention
-@include to($breakpoint-sm) {
-  body {
-    overflow-x: hidden;
-  }
-  
-  // Prevent any element from causing horizontal scroll
-  * {
-    max-width: 100%;
-    box-sizing: border-box;
-  }
-}
-
-// Additional mobile content spacing
-@include to($breakpoint-sm) {
-  .page-container {
-    .main-content {
-      // Extra margin-bottom to ensure footer never overlaps
-      margin-bottom: 20px;
-      
-      // Responsive content adjustments
-      .row {
-        margin-left: 0;
-        margin-right: 0;
-      }
-      
-      .col-md-6, .col-md-3, .col-md-12 {
-        padding-left: 5px;
-        padding-right: 5px;
-      }
-    }
-  }
-}
-
-// Emergency footer overlap prevention
-@include to(480px) {
-  .page-container {
-    // Force minimum height that accounts for content
-    min-height: calc(100vh - 80px);
-    
-    .main-content {
-      // Ensure there's always space for footer
-      padding-bottom: 60px !important;
-      margin-bottom: 20px !important;
-    }
-  }
-  
-  footer {
-    // Stick to bottom on very small screens
-    position: relative;
-    margin-top: auto;
-    clear: both;
-  }
-}
-
-// ---------------------------------------------------------
-// @Collapsed State
-// ---------------------------------------------------------
-
-.is-collapsed {
-  .page-container {
-    padding-left: $collapsed-size;
-
-    @include to($breakpoint-md) {
-      padding-left: 0;
-    }
-
-    @include between($breakpoint-md, $breakpoint-xl) {
-      padding-left: $offscreen-size;
-    }
-  }
-
-  .full-container {
-    left: $collapsed-size;
-
-    @include to($breakpoint-md) {
-      left: 0;
-    }
-
-    @include between($breakpoint-md, $breakpoint-xl) {
-      left: $offscreen-size;
-      padding-left: 0;
-    }
-  }
-}

package/src/assets/styles/spec/components/progressBar.scss

@@ -1,6 +0,0 @@
-.progress {
-  height: 4px;
-  background-color: var(--c-border);
-  border-radius: 4px;
-  margin-bottom: 10px;
-}