..F....... [ZBXNEXT-6309] fixed coding style

3 files changed, 15 insertions, 15 deletions

diff --git a/sass/stylesheets/sass/components/_dashboard.scss b/sass/stylesheets/sass/components/_dashboard.scss
index 71a2267e9a3..015fcaecee0 100755
--- a/sass/stylesheets/sass/components/_dashboard.scss
+++ b/sass/stylesheets/sass/components/_dashboard.scss
@@ -56,20 +56,20 @@
 	margin: -2px 10px -2px 0;
 	overflow: hidden;
 
-	.csortable {
+	.sortable {
 		// Accommodate 2px shadow of focused tabs.
 		padding: 2px 0;
 		// Hide the invisible tab paddings.
 		margin: 0 -1.5px;
 	}
 
-	.csortable-list {
+	.sortable-list {
 		display: flex;
 		padding: 0;
 		margin: 0;
 		align-items: center;
 
-		& > .csortable-item:focus:not(:active) {
+		& > .sortable-item:focus:not(:active) {
 			// Increase padding to accommodate the focused div's shadow.
 			padding: 0 3.5px 0 3.5px;
 
@@ -81,7 +81,7 @@
 		}
 	}
 
-	.csortable-item {
+	.sortable-item {
 		// This container should not be visually styled at this level.
 		box-sizing: border-box;
 		display: block;
@@ -132,14 +132,14 @@
 		}
 	}
 
-	& .csortable > .csortable-item > div,
-	& .csortable-list > .csortable-item > div:hover {
+	& .sortable > .sortable-item > div,
+	& .sortable-list > .sortable-item > div:hover {
 		background: $action-hover-color;
 		border: 1px solid darken($action-hover-color, 20%);
 	}
 
-	& .csortable > .csortable-item > div.selected-tab,
-	& .csortable-list > .csortable-item > div.selected-tab {
+	& .sortable > .sortable-item > div.selected-tab,
+	& .sortable-list > .sortable-item > div.selected-tab {
 		background-color: $ui-bg-selected-color;
 		border: 1px solid transparent;
 
diff --git a/sass/stylesheets/sass/screen.scss b/sass/stylesheets/sass/screen.scss
index 138eeb620a7..d2c060539e9 100644
--- a/sass/stylesheets/sass/screen.scss
+++ b/sass/stylesheets/sass/screen.scss
@@ -19,6 +19,7 @@ $browser-sprite-path: '../img/browser-sprite.png?20200407';
 @import "utils/indicator";
 @import "utils/resizable";
 @import "utils/scrollable";
+@import "utils/sortable";
 
 @import "layout/grid";
 @import "layout/header";
@@ -26,7 +27,6 @@ $browser-sprite-path: '../img/browser-sprite.png?20200407';
 @import "layout/sidebar";
 @import "layout/form-grid";
 
-@import "components/csortable";
 @import "components/dashboard";
 @import "components/form-search";
 @import "components/menu-main";
diff --git a/sass/stylesheets/sass/components/_csortable.scss b/sass/stylesheets/sass/utils/_sortable.scss
index 555d3175c3b..084d9922314 100644
--- a/sass/stylesheets/sass/components/_csortable.scss
+++ b/sass/stylesheets/sass/utils/_sortable.scss
@@ -1,8 +1,8 @@
-.csortable {
+.sortable {
 	position: relative;
 	overflow: hidden;
 
-	.csortable-list {
+	.sortable-list {
 		position: relative;
 		top: 0;
 		left: 0;
@@ -10,17 +10,17 @@
 		@if $ui-transitions {
 			transition: left .2s, top .2s;
 
-			.csortable-item {
+			.sortable-item {
 				transition: left .2s, top .2s;
 			}
 		}
 	}
 
-	&.csortable-dragging {
-		.csortable-item {
+	&.sortable-dragging {
+		.sortable-item {
 			position: absolute;
 
-			&.csortable-dragging {
+			&.sortable-dragging {
 				display: none;
 			}
 		}