@syncfusion/ej2-react-layouts 19.4.52 → 20.1.58

package/styles/dashboard-layout/tailwind-dark.css

@@ -1,82 +1,63 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! 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 {
-  bottom: 0;
-  content: '\e859';
-  font-size: 8px;
+.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";
+  font-size: 12px;
   position: absolute;
-  right: 0;
+  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 {
-  bottom: 0;
-  content: '\e859';
-  font-size: 8px;
-  left: 0;
+.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";
+  font-size: 12px;
+  left: 4px;
   position: absolute;
   transform: rotateY(180deg);
 }
@@ -87,51 +68,36 @@
   height: 100%;
   width: 100%;
 }
-
 .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
   border: 1px dashed #6b7280;
   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: 6px;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-resize.e-dl-icon {
   line-height: 9px;
 }
-
 .e-dashboardlayout.e-control .e-panel:hover {
-  border: 1px solid #9ca3af;
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
-
 .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 #22d3ee;
-}
-
 .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;
   color: #fff;
@@ -144,31 +110,28 @@
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 }
-
 .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 .e-panel-content {
+  padding: 12px;
+}
 .e-dashboardlayout.e-control .e-panel {
   border: 1px solid #4b5563;
   height: 100%;
@@ -177,87 +140,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: #4b5563;
   border: 1px #9ca3af dashed;
@@ -265,11 +197,9 @@
   position: absolute;
   border-radius: 6px;
 }
-
 .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;
@@ -285,6 +215,9 @@
   padding: 8px 18px;
   line-height: 24px;
 }
+.e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-content {
+  padding: 16px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
@@ -295,111 +228,90 @@
   display: block;
   position: relative;
 }
-
 .e-dashboardlayout.e-control .e-panel {
-  background: #374151;
+  background: #1f2937;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   box-sizing: border-box;
   position: absolute;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
   color: #fff;
   background: #232e3e;
   box-sizing: border-box;
 }
-
 .e-dashboardlayout.e-control .e-panel.e-dragging:active {
   background: #1f2937;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
-
 .e-dashboardlayout.e-control .e-panel {
-  background: #374151;
+  background: #1f2937;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   box-sizing: border-box;
   position: absolute;
 }
-
 .e-dashboardlayout.e-control .e-panel:active {
   background: #374151;
 }
-
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
   color: #fff;
 }
-
 .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: #6b7280;
   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: #fff;
-}
+}