feat: Hide section in Mobile when empty - MEED-7442 - Meeds-io/MIPs#147…

… (#826)
Meeds-io · Sep 10, 2024 · a66650c · a66650c
1 parent 2f73bd8
commit a66650c
Showing 1 changed file with 7 additions and 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
@@ -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)";
     }