@syncfusion/ej2-layouts 33.2.3 → 34.1.29

package/styles/dashboard-layout/tailwind3.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
 @use 'tailwind3-definition' as *;
 @use 'icons/tailwind3' as *;
-@use 'all.tailwind3' as *;
-@use 'bigger.tailwind3' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/fabric-dark-lite.css

@@ -47,8 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
@@ -403,8 +401,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -993,6 +989,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 /*! component's theme wise override fabric-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1058,8 +1055,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #191919;
   border-collapse: collapse;
@@ -1090,7 +1085,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px #6f6c6c solid;
@@ -1112,6 +1106,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 2px;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1191,20 +1188,20 @@
   border: 2px #0074cc dotted;
   border-radius: 0;
   position: absolute;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 2px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;

package/styles/fabric-dark-lite.scss

@@ -1,14 +1,13 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
 @use 'avatar/fabric-dark-definition' as *;
-@use 'avatar/all.fabric-dark' as *;
+@use 'avatar/all' as *;
 
 @use 'card/fabric-dark-definition' as *;
-@use 'card/all.fabric-dark' as *;
+@use 'card/all' as *;
 @use 'splitter/fabric-dark-definition' as *;
 @use 'splitter/icons/fabric-dark' as *;
-@use 'splitter/all.fabric-dark' as *;
+@use 'splitter/all' as *;
 @use 'dashboard-layout/fabric-dark-definition' as *;
 @use 'dashboard-layout/icons/fabric-dark' as *;
-@use 'dashboard-layout/all.fabric-dark' as *;
+@use 'dashboard-layout/all' as *;
 @use 'timeline/fabric-dark-definition' as *;
-@use 'timeline/all.fabric-dark' as *;
+@use 'timeline/all' as *;

package/styles/fabric-dark.css

@@ -47,8 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
@@ -403,8 +401,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -473,8 +469,6 @@
   color: #dadada;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 .e-bigger .e-card,
 .e-bigger.e-card {
   line-height: 36px;
@@ -1130,6 +1124,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-bigger.e-splitter .e-pane {
   font-size: 13px;
 }
@@ -1235,8 +1230,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #191919;
   border-collapse: collapse;
@@ -1267,7 +1260,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px #6f6c6c solid;
@@ -1289,6 +1281,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 2px;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1368,20 +1363,20 @@
   border: 2px #0074cc dotted;
   border-radius: 0;
   position: absolute;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 2px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;
@@ -1454,8 +1449,6 @@
   bottom: -5px;
   right: -6px;
 }
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
   font-size: 14px;
   font-weight: 500;

package/styles/fabric-dark.scss

@@ -1,18 +1,17 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
 @use 'avatar/fabric-dark-definition' as *;
-@use 'avatar/all.fabric-dark' as *;
+@use 'avatar/all' as *;
 
 @use 'card/fabric-dark-definition' as *;
-@use 'card/all.fabric-dark' as *;
-@use 'card/bigger.fabric-dark' as *;
+@use 'card/all' as *;
+@use 'card/bigger' as *;
 @use 'splitter/fabric-dark-definition' as *;
 @use 'splitter/icons/fabric-dark' as *;
-@use 'splitter/all.fabric-dark' as *;
-@use 'splitter/bigger.fabric-dark' as *;
+@use 'splitter/all' as *;
+@use 'splitter/bigger' as *;
 @use 'dashboard-layout/fabric-dark-definition' as *;
 @use 'dashboard-layout/icons/fabric-dark' as *;
-@use 'dashboard-layout/all.fabric-dark' as *;
-@use 'dashboard-layout/bigger.fabric-dark' as *;
+@use 'dashboard-layout/all' as *;
+@use 'dashboard-layout/bigger' as *;
 @use 'timeline/fabric-dark-definition' as *;
-@use 'timeline/all.fabric-dark' as *;
-@use 'timeline/bigger.fabric-dark' as *;
+@use 'timeline/all' as *;
+@use 'timeline/bigger' as *;

package/styles/fabric-lite.css

@@ -47,7 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's theme wise override material-definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
   border-radius: 4px;
@@ -411,7 +410,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1000,6 +998,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 /*! component's theme wise override fabric-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1065,8 +1064,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #f4f4f4;
   border-collapse: collapse;
@@ -1097,7 +1094,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 0;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px #d0d0d0 solid;
@@ -1119,6 +1115,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 0;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1198,20 +1197,20 @@
   border: 1px #0078d6 dotted;
   border-radius: 0;
   position: absolute;
-  border-radius: 0;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 0;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;

package/styles/fabric-lite.scss

@@ -1,14 +1,13 @@
-@use 'ej2-base/styles/definition/fabric' as *;
 @use 'avatar/fabric-definition' as *;
-@use 'avatar/all.fabric' as *;
+@use 'avatar/all' as *;
 
 @use 'card/fabric-definition' as *;
-@use 'card/all.fabric' as *;
+@use 'card/all' as *;
 @use 'splitter/fabric-definition' as *;
 @use 'splitter/icons/fabric' as *;
-@use 'splitter/all.fabric' as *;
+@use 'splitter/all' as *;
 @use 'dashboard-layout/fabric-definition' as *;
 @use 'dashboard-layout/icons/fabric' as *;
-@use 'dashboard-layout/all.fabric' as *;
+@use 'dashboard-layout/all' as *;
 @use 'timeline/fabric-definition' as *;
-@use 'timeline/all.fabric' as *;
+@use 'timeline/all' as *;

package/styles/fabric.css

@@ -47,7 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's theme wise override material-definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
   border-radius: 4px;
@@ -411,7 +410,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -480,7 +478,6 @@
   color: #767676;
 }
 
-/*! component's theme wise override material-definitions and variables */
 .e-bigger .e-card,
 .e-bigger.e-card {
   line-height: 45px;
@@ -1137,6 +1134,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-bigger.e-splitter .e-pane {
   font-size: 13px;
 }
@@ -1242,8 +1240,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #f4f4f4;
   border-collapse: collapse;
@@ -1274,7 +1270,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 0;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px #d0d0d0 solid;
@@ -1296,6 +1291,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 0;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1375,20 +1373,20 @@
   border: 1px #0078d6 dotted;
   border-radius: 0;
   position: absolute;
-  border-radius: 0;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 0;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;
@@ -1461,8 +1459,6 @@
   bottom: -5px;
   right: -6px;
 }
-/*! component's theme wise override fabric-definitions and variables */
-/* stylelint-disable */
 .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
   font-size: 14px;
   font-weight: 500;

package/styles/fabric.scss

@@ -1,18 +1,17 @@
-@use 'ej2-base/styles/definition/fabric' as *;
 @use 'avatar/fabric-definition' as *;
-@use 'avatar/all.fabric' as *;
+@use 'avatar/all' as *;
 
 @use 'card/fabric-definition' as *;
-@use 'card/all.fabric' as *;
-@use 'card/bigger.fabric' as *;
+@use 'card/all' as *;
+@use 'card/bigger' as *;
 @use 'splitter/fabric-definition' as *;
 @use 'splitter/icons/fabric' as *;
-@use 'splitter/all.fabric' as *;
-@use 'splitter/bigger.fabric' as *;
+@use 'splitter/all' as *;
+@use 'splitter/bigger' as *;
 @use 'dashboard-layout/fabric-definition' as *;
 @use 'dashboard-layout/icons/fabric' as *;
-@use 'dashboard-layout/all.fabric' as *;
-@use 'dashboard-layout/bigger.fabric' as *;
+@use 'dashboard-layout/all' as *;
+@use 'dashboard-layout/bigger' as *;
 @use 'timeline/fabric-definition' as *;
-@use 'timeline/all.fabric' as *;
-@use 'timeline/bigger.fabric' as *;
+@use 'timeline/all' as *;
+@use 'timeline/bigger' as *;

package/styles/fluent-dark-lite.css

@@ -1009,6 +1009,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 /*! component's theme wise override tailwind-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1074,8 +1075,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override tailwind-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #252423;
   border-collapse: collapse;
@@ -1106,7 +1105,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px solid #797775;
@@ -1130,6 +1128,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 2px;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1209,20 +1210,20 @@
   border: 1px #0078d4 dashed;
   border-radius: 2px;
   position: absolute;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 2px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override tailwind-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;

package/styles/fluent-dark-lite.scss

@@ -1,14 +1,13 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
 @use 'avatar/fluent-dark-definition' as *;
-@use 'avatar/all.fluent-dark' as *;
+@use 'avatar/all' as *;
 
 @use 'card/fluent-dark-definition' as *;
-@use 'card/all.fluent-dark' as *;
+@use 'card/all' as *;
 @use 'splitter/fluent-dark-definition' as *;
 @use 'splitter/icons/fluent-dark' as *;
-@use 'splitter/all.fluent-dark' as *;
+@use 'splitter/all' as *;
 @use 'dashboard-layout/fluent-dark-definition' as *;
 @use 'dashboard-layout/icons/fluent-dark' as *;
-@use 'dashboard-layout/all.fluent-dark' as *;
+@use 'dashboard-layout/all' as *;
 @use 'timeline/fluent-dark-definition' as *;
-@use 'timeline/all.fluent-dark' as *;
+@use 'timeline/all' as *;

package/styles/fluent-dark.css

@@ -1152,6 +1152,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-bigger.e-splitter .e-pane {
   font-size: 16px;
 }
@@ -1257,8 +1258,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override tailwind-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #252423;
   border-collapse: collapse;
@@ -1289,7 +1288,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px solid #797775;
@@ -1313,6 +1311,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 2px;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1392,20 +1393,20 @@
   border: 1px #0078d4 dashed;
   border-radius: 2px;
   position: absolute;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 2px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override tailwind-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;
@@ -1481,8 +1482,6 @@
 .e-dashboardlayout.e-control .e-panel:active {
   background: #201f1e;
 }
-/*! component's theme wise override tailwind-definitions and variables */
-/* stylelint-disable */
 .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
   font-size: 18px;
   font-weight: 600;

package/styles/fluent-dark.scss

@@ -1,18 +1,17 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
 @use 'avatar/fluent-dark-definition' as *;
-@use 'avatar/all.fluent-dark' as *;
+@use 'avatar/all' as *;
 
 @use 'card/fluent-dark-definition' as *;
-@use 'card/all.fluent-dark' as *;
-@use 'card/bigger.fluent-dark' as *;
+@use 'card/all' as *;
+@use 'card/bigger' as *;
 @use 'splitter/fluent-dark-definition' as *;
 @use 'splitter/icons/fluent-dark' as *;
-@use 'splitter/all.fluent-dark' as *;
-@use 'splitter/bigger.fluent-dark' as *;
+@use 'splitter/all' as *;
+@use 'splitter/bigger' as *;
 @use 'dashboard-layout/fluent-dark-definition' as *;
 @use 'dashboard-layout/icons/fluent-dark' as *;
-@use 'dashboard-layout/all.fluent-dark' as *;
-@use 'dashboard-layout/bigger.fluent-dark' as *;
+@use 'dashboard-layout/all' as *;
+@use 'dashboard-layout/bigger' as *;
 @use 'timeline/fluent-dark-definition' as *;
-@use 'timeline/all.fluent-dark' as *;
-@use 'timeline/bigger.fluent-dark' as *;
+@use 'timeline/all' as *;
+@use 'timeline/bigger' as *;

package/styles/fluent-lite.css

@@ -1009,6 +1009,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 /*! component's theme wise override tailwind-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1074,8 +1075,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override tailwind-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #f3f2f1;
   border-collapse: collapse;
@@ -1106,7 +1105,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px solid #c8c6c4;
@@ -1130,6 +1128,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 2px;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1209,20 +1210,20 @@
   border: 1px #0078d4 dashed;
   border-radius: 2px;
   position: absolute;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 2px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override tailwind-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;