..F....... [ZBXNEXT-6309] implemented headers sliding both in kiosk and normal layout modes

2 files changed, 15 insertions, 25 deletions

diff --git a/sass/stylesheets/sass/components/_dashboard.scss b/sass/stylesheets/sass/components/_dashboard.scss
index 81d243851d4..3215ac6cacd 100755
--- a/sass/stylesheets/sass/components/_dashboard.scss
+++ b/sass/stylesheets/sass/components/_dashboard.scss
@@ -34,7 +34,8 @@
 
 .dashbrd-navigation {
 	display: flex;
-	margin: 10px 0 8px 0;
+	margin-top: 10px;
+	padding-bottom: 4px;
 }
 
 .dashbrd-navigation-tabs {
@@ -134,10 +135,22 @@
 //   - Do not mix rules for widgets and iterators.
 .dashbrd-grid-container {
 	position: relative;
-	margin: -4px;
+	margin: 0 -4px -4px -4px;
 
 	// For widget sliding headers to appear over the breadcrumbs.
 	z-index: 3;
+
+	&.reserve-header-lines-1 {
+		margin-top: 2rem;
+	}
+
+	&.reserve-header-lines-2 {
+		margin-top: 4rem;
+	}
+
+	@if $ui-transitions {
+		transition: margin-top .3s;
+	}
 }
 
 .dashbrd-grid-new-widget-placeholder {
diff --git a/sass/stylesheets/sass/layout/_grid.scss b/sass/stylesheets/sass/layout/_grid.scss
index 3a6737c8c25..012a68585e8 100644
--- a/sass/stylesheets/sass/layout/_grid.scss
+++ b/sass/stylesheets/sass/layout/_grid.scss
@@ -24,29 +24,6 @@ aside,
 		margin-top: 0;
 	}
 
-	&.layout-kioskmode {
-		main {
-			// Set the same speed as for the sliding headers of the widgets.
-			@if $ui-transitions {
-				transition: margin-top .3s;
-			}
-		}
-
-		&.kiosk-slide-lines-1 {
-			// Set to the height of the sliding headers of the widgets.
-			main {
-				margin-top: 2rem;
-			}
-		}
-
-		&.kiosk-slide-lines-2 {
-			// Set to double of the height of the sliding headers of the widgets.
-			main {
-				margin-top: 4rem;
-			}
-		}
-	}
-
 	& > .debug-output {
 		flex-shrink: 0;
 	}