mirror of https://github.com/ColorlibHQ/AdminLTE
minor bug fixed
parent
a2bd99031a
commit
164985094f
|
@ -16,4 +16,8 @@
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
max-width: 100vw;
|
max-width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
|
||||||
|
> * {
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,17 +7,14 @@
|
||||||
@include box-shadow($lte-card-shadow);
|
@include box-shadow($lte-card-shadow);
|
||||||
margin-bottom: map-get($spacers, 3);
|
margin-bottom: map-get($spacers, 3);
|
||||||
|
|
||||||
&:not(.card-outline) {
|
&[class*="card-"]:not(.card-outline) {
|
||||||
> .card-header {
|
> .card-header {
|
||||||
color: var(--#{$lte-prefix}card-variant-color);
|
color: var(--#{$lte-prefix}card-variant-color);
|
||||||
background-color: var(--#{$lte-prefix}card-variant-bg);
|
background-color: var(--#{$lte-prefix}card-variant-bg);
|
||||||
|
|
||||||
.btn-tool {
|
.btn-tool {
|
||||||
color: rgba(var(--#{$lte-prefix}card-variant-color-rgb), .8);
|
--#{$prefix}btn-color: rgba(var(--#{$lte-prefix}card-variant-color-rgb), .8);
|
||||||
|
--#{$prefix}btn-hover-color: var(--#{$lte-prefix}card-variant-color);
|
||||||
&:hover {
|
|
||||||
color: var(--#{$lte-prefix}card-variant-color);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -264,11 +261,11 @@ html.maximized-card {
|
||||||
|
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
.card-#{$name},
|
.card-#{$name},
|
||||||
.card.bg-#{$name},
|
.bg-#{$name},
|
||||||
.card.text-bg-#{$name} {
|
.text-bg-#{$name} {
|
||||||
--#{$lte-prefix}card-variant-bg: #{$color};
|
--#{$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-bg-rgb: #{to-rgb($color)};
|
||||||
|
--#{$lte-prefix}card-variant-color: #{color-contrast($color)};
|
||||||
--#{$lte-prefix}card-variant-color-rgb: #{to-rgb(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 "../small-box";
|
||||||
@import "../info-box";
|
@import "../info-box";
|
||||||
@import "../timeline";
|
@import "../timeline";
|
||||||
@import "../products";
|
|
||||||
@import "../direct-chat";
|
@import "../direct-chat";
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
const domReady = (callBack: () => void): void => {
|
const domReady = (callBack: () => void) => {
|
||||||
if (document.readyState === 'loading') {
|
if (document.readyState === 'loading') {
|
||||||
document.addEventListener('DOMContentLoaded', callBack)
|
document.addEventListener('DOMContentLoaded', callBack)
|
||||||
} else {
|
} else {
|
||||||
|
@ -6,7 +6,7 @@ const domReady = (callBack: () => void): void => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const windowReady = (callBack: () => void): void => {
|
const windowReady = (callBack: () => void) => {
|
||||||
if (document.readyState === 'complete') {
|
if (document.readyState === 'complete') {
|
||||||
callBack()
|
callBack()
|
||||||
} else {
|
} else {
|
||||||
|
|
Loading…
Reference in New Issue