@syncfusion/ej2-react-layouts 19.4.48 → 20.1.55

package/styles/dashboard-layout/bootstrap5.css

@@ -1,79 +1,60 @@
 /*! component's theme wise override tailwind-definitions and variables */
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
   height: 100%;
   padding: 20px 0;
   right: 1px;
   top: 0;
   width: 12px;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west {
   height: 100%;
   left: 0;
   padding: 20px 0;
   top: 0;
   width: 12px;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north {
   height: 12px;
   padding: 0 20px;
   top: 1px;
   width: 100%;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
   bottom: 1px;
   height: 12px;
   padding: 0 20px;
   width: 100%;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east {
   bottom: 0;
   right: 1px;
   z-index: 10;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west {
   left: 2px;
   top: 2px;
   z-index: 10;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east {
   right: 2px;
   top: 2px;
   z-index: 10;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west {
   bottom: 1px;
   left: 1px;
   z-index: 10;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east::before,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east::before {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east::before {
   bottom: 4px;
-  content: '\e761';
+  content: "\e761";
   font-size: 12px;
   position: absolute;
   right: 4px;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west::before,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west::before {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west::before {
   bottom: 4px;
-  content: '\e761';
+  content: "\e761";
   font-size: 12px;
   left: 4px;
   position: absolute;
@@ -86,50 +67,40 @@
   height: 100%;
   width: 100%;
 }
-
 .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
   border: 1px dashed #adb5bd;
   border-radius: 6px;
   position: absolute;
 }
-
 .e-dashboardlayout.e-control.e-responsive {
   width: 100% !important;
 }
-
 .e-dashboardlayout.e-control.e-prevent {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-dashboardlayout.e-control .e-panel {
   border-radius: 4px;
 }
-
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px solid #adb5bd;
   box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
 }
-
 .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
   display: block;
 }
-
 .e-dashboardlayout.e-control .e-panel:active {
   border: 1px solid #0d6efd;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
-
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
-  transition: top .5s, left .5s;
+  transition: top 0.5s, left 0.5s;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-header {
-  border-bottom: none;
+  border-bottom: 1px solid #dee2e6;
   color: #212529;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
@@ -139,31 +110,25 @@
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-header div {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-content {
   display: inline-block;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
   float: right;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container {
   height: 100%;
   width: 100%;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
   height: inherit;
   width: inherit;
 }
-
 .e-dashboardlayout.e-control .e-panel {
   border: 1px solid #dee2e6;
   height: 100%;
@@ -172,87 +137,56 @@
           user-select: none;
   width: 100%;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
   position: absolute;
   -ms-touch-action: none;
       touch-action: none;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
   border: none;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east:hover,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east:hover {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east:hover {
   cursor: e-resize;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west:hover,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west:hover {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west:hover {
   cursor: w-resize;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north:hover,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north:hover {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north:hover {
   cursor: n-resize;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south:hover,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south:hover {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south:hover {
   cursor: s-resize;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west:hover,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west:hover {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west:hover {
   cursor: nw-resize;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east:hover,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east:hover {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east:hover {
   cursor: ne-resize;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west:hover,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west:hover {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west:hover {
   cursor: sw-resize;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east:hover,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east:hover {
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east:hover {
   cursor: se-resize;
 }
-
-.e-dashboardlayout.e-control .e-panel .e-resize.e-single::before,
-.e-dashboardlayout.e-control .e-panel .e-resize.e-double::before {
-  font-family: 'e-icons';
+.e-dashboardlayout.e-control .e-panel .e-resize.e-single::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double::before {
+  font-family: "e-icons";
   position: absolute;
 }
-
 .e-dashboardlayout.e-control .e-drag:hover {
   cursor: move;
 }
-
 .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
 .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
   cursor: default;
 }
-
-.e-dashboardlayout.e-control .e-panel.e-dragging,
-.e-dashboardlayout.e-control .e-panel.e-item-moving {
+.e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
   cursor: move;
   z-index: 1111 !important;
 }
-
 .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
   float: left;
 }
-
 .e-dashboardlayout.e-control .e-holder {
   background: #e7f1ff;
   border: 1px #0d6efd dashed;
@@ -260,11 +194,9 @@
   position: absolute;
   border-radius: 4px;
 }
-
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
-  transition: top .3s, left .3s;
+  transition: top 0.3s, left 0.3s;
 }
-
 .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
   font-size: 16px;
   font-weight: 500;
@@ -278,7 +210,6 @@
   height: 40px;
   padding: 8px 18px;
 }
-
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
@@ -288,106 +219,86 @@
   display: block;
   position: relative;
 }
-
 .e-dashboardlayout.e-control .e-panel {
   background: #fff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
   box-sizing: border-box;
   position: absolute;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
   color: #212529;
   background: #f8f9fa;
   box-sizing: border-box;
 }
-
 .e-dashboardlayout.e-control .e-panel {
   background: #fff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
   box-sizing: border-box;
   position: absolute;
 }
-
 .e-dashboardlayout.e-control .e-panel:active {
   background: #fff;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
   color: #212529;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
   background: none;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double {
   color: #adb5bd;
   font-size: 8px;
   height: 8px;
   width: 8px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-double {
   bottom: 2px;
   right: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-double {
   bottom: 2px;
   left: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-double {
   left: 2px;
   top: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-double {
   right: 2px;
   top: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-shrink {
   right: 2px;
   top: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-shrink {
   left: 2px;
   top: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-shrink {
   bottom: 2px;
   left: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-shrink {
   bottom: 2px;
   right: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-expand {
   right: 2px;
   top: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-expand {
   left: 2px;
   top: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-expand {
   bottom: 2px;
   left: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-expand {
   bottom: 2px;
   right: 2px;
 }
-
 .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
   color: #212529;
-}
+}