From a66650c54b050930ac3510002f1b212198d9499f Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Tue, 10 Sep 2024 18:38:15 +0100
Subject: [PATCH] feat: Hide section in Mobile when empty - MEED-7442 -
 Meeds-io/MIPs#147 (#826)

---
 .../webapp/skin/less/core/layout/pagelayout.less    | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less b/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less
index 820e3d92f..3a3563401 100644
--- a/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less
+++ b/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less
@@ -137,12 +137,6 @@
     padding: 0;
     .layout-section {
       width: 100%;
-      &:first-of-type {
-        padding-top: 10px;
-      }
-      &:last-of-type {
-        padding-bottom: 10px;
-      }
       .layout-section-content {
         width: @pageWidth;
         max-width: 100%;
@@ -256,6 +250,13 @@
 
 @media (max-width: @maxTabletWidth) {
   .VuetifyApp .layout-sections-parent {
+    .layout-section:not(.hidden-sm-and-down) {
+      padding-top: 10px;
+    }
+    .layout-section:not(.hidden-sm-and-down) ~ .layout-section:not(.hidden-sm-and-down) {
+      padding-top: 0;
+    }
+
     .flex-cell:has(.layout-application), .grid-cell:has(.layout-application) {
       padding-bottom: ~"var(--grid-layout-gap, 20px)";
     }