Browse Source

minor bug fixed

Daniel 2 years ago
parent
commit
164985094f

+ 4 - 0
src/scss/_app-wrapper.scss

@@ -16,4 +16,8 @@
   align-items: stretch;
   max-width: 100vw;
   min-height: 100vh;
+
+  > * {
+    min-width: 0;
+  }
 }

+ 6 - 9
src/scss/_cards.scss

@@ -7,17 +7,14 @@
   @include box-shadow($lte-card-shadow);
   margin-bottom: map-get($spacers, 3);
 
-  &:not(.card-outline) {
+  &[class*="card-"]:not(.card-outline) {
     > .card-header {
       color: var(--#{$lte-prefix}card-variant-color);
       background-color: var(--#{$lte-prefix}card-variant-bg);
 
       .btn-tool {
-        color: rgba(var(--#{$lte-prefix}card-variant-color-rgb), .8);
-
-        &:hover {
-          color: var(--#{$lte-prefix}card-variant-color);
-        }
+        --#{$prefix}btn-color: rgba(var(--#{$lte-prefix}card-variant-color-rgb), .8);
+        --#{$prefix}btn-hover-color: var(--#{$lte-prefix}card-variant-color);
       }
     }
   }
@@ -264,11 +261,11 @@ html.maximized-card {
 
 @each $name, $color in $theme-colors {
   .card-#{$name},
-  .card.bg-#{$name},
-  .card.text-bg-#{$name} {
+  .bg-#{$name},
+  .text-bg-#{$name} {
     --#{$lte-prefix}card-variant-bg: #{$color};
-    --#{$lte-prefix}card-variant-color: #{color-contrast($color)};
     --#{$lte-prefix}card-variant-bg-rgb: #{to-rgb($color)};
+    --#{$lte-prefix}card-variant-color: #{color-contrast($color)};
     --#{$lte-prefix}card-variant-color-rgb: #{to-rgb(color-contrast($color))};
   }
 }

+ 0 - 55
src/scss/_products.scss

@@ -1,55 +0,0 @@
-//
-// Component: Products
-//
-
-.products-list {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-
-  > .item {
-    @include clearfix();
-
-    @if $enable-rounded {
-      @include border-radius($border-radius);
-    }
-
-    padding: 10px 0;
-    background-color: var(--#{$prefix}body-bg);
-
-  }
-
-  .product-img {
-    float: left;
-
-    img {
-      width: 50px;
-      height: 50px;
-    }
-  }
-
-  .product-info {
-    margin-left: 60px;
-  }
-
-  .product-title {
-    font-weight: 600;
-  }
-
-  .product-description {
-    display: block;
-    overflow: hidden;
-    color: var(--#{$prefix}secondary-color);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-.product-list-in-card > .item {
-  @include border-radius(0);
-  border-bottom: 1px solid $card-border-color;
-
-  &:last-of-type {
-    border-bottom-width: 0;
-  }
-}

+ 0 - 50
src/scss/_table.scss

@@ -73,53 +73,3 @@
     }
   }
 }
-
-// Expandable Table
-
-.table-hover tbody tr.expandable-body:hover {
-  background-color: inherit !important;
-}
-
-[data-widget="expandable-table"] {
-  cursor: pointer;
-
-  i.expandable-table-caret {
-    @include transition(transform $lte-transition-speed linear);
-  }
-  &[aria-expanded="true"] {
-    td i.expandable-table-caret {
-      // stylelint-disable selector-max-attribute
-      &[class*="right"] {
-        transform: rotate(90deg);
-      }
-      &[class*="left"] {
-        transform: rotate(-90deg);
-      }
-      // stylelint-enable selector-max-attribute
-    }
-  }
-}
-
-.expandable-body {
-  > td {
-    width: 100%;
-    padding: 0 !important;
-
-    > div,
-    > p {
-      padding: $table-cell-padding-y $table-cell-padding-x;
-    }
-  }
-
-  .table {
-    width: subtract(100%, $table-cell-padding-x);
-    margin: 0 0 0 $table-cell-padding-x;
-
-    tr:first-child {
-      td,
-      th {
-        border-top: none;
-      }
-    }
-  }
-}

+ 0 - 1
src/scss/parts/_extra-components.scss

@@ -5,5 +5,4 @@
 @import "../small-box";
 @import "../info-box";
 @import "../timeline";
-@import "../products";
 @import "../direct-chat";

+ 2 - 2
src/ts/util/index.ts

@@ -1,4 +1,4 @@
-const domReady = (callBack: () => void): void => {
+const domReady = (callBack: () => void) => {
   if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', callBack)
   } else {
@@ -6,7 +6,7 @@ const domReady = (callBack: () => void): void => {
   }
 }
 
-const windowReady = (callBack: () => void): void => {
+const windowReady = (callBack: () => void) => {
   if (document.readyState === 'complete') {
     callBack()
   } else {