mirror of https://github.com/ColorlibHQ/AdminLTE
minor bug fixed
parent
a2bd99031a
commit
164985094f
|
@ -16,4 +16,8 @@
|
|||
align-items: stretch;
|
||||
max-width: 100vw;
|
||||
min-height: 100vh;
|
||||
|
||||
> * {
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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))};
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -5,5 +5,4 @@
|
|||
@import "../small-box";
|
||||
@import "../info-box";
|
||||
@import "../timeline";
|
||||
@import "../products";
|
||||
@import "../direct-chat";
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue