feat: Margins Cleanup - container margins management - MEED-2867-Meed…

…s-io/MIPs#103
Meeds-io · Nov 14, 2023 · 82fe146 · 82fe146
1 parent a669378
commit 82fe146
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/platform-ui-skin/src/main/webapp/skin/less/core/layout/Style.less b/platform-ui-skin/src/main/webapp/skin/less/core/layout/Style.less
@@ -60,6 +60,12 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
   }
 }
 
+.UIPage {
+	.PORTLET-FRAGMENT {
+		margin-bottom: @applicationMarginBottom;
+	}
+}
+
 /* ============= Shared Layout - TopBar Display  ============= */
 #UITopBarContainerParent, #UITopBarContainer {
   min-height: @topbarHeight;

diff --git a/platform-ui-skin/src/main/webapp/skin/less/variables.less b/platform-ui-skin/src/main/webapp/skin/less/variables.less
@@ -272,6 +272,9 @@
 @borderRadiusSmall:     3px;
 @borderRadius: var(--allPagesBorderRadius, @baseBorderRadius);
 
+@applicationMarginBottomDefault: 20px;
+@applicationMarginBottom: var(--allPagesApplicationMarginBottom, @applicationMarginBottomDefault);
+
 
 // COMPONENT VARIABLES
 // --------------------------------------------------

diff --git a/platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/README.txt b/platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/README.txt
@@ -18,3 +18,4 @@ Modifications applied on imported libraries:
   - delete '!important' from .v-card-flat:@box-shadow (line 22363) to avoid force disabling box-shadow on cards when using flat attribute on v-card
   - Add fix on v-alert.prominent.dense icon size introduced in 2.4
   - Add @borderRadius with 5px instead of using 4px for defaut border radius
+  - Add @applicationMarginBottom with 20px to add a margin bottom for all portlets