From d9f31e118ef6ef052107ecbae30e1a8868e6fa60 Mon Sep 17 00:00:00 2001 From: Boubaker Khanfir Date: Sun, 1 Sep 2024 10:47:23 +0100 Subject: [PATCH] fix: Fix applications margin in dynamic Container Section when mobile - Meeds-io/MIPs#155 Prior to this change, when making the dynamic section displayed in columns in mobile, a padding-bottom is applied on applications, but last one, while the padding bottom has to be added on section only. This change will delete the padding-bottom in this situation to fix the UI glich. --- .../src/main/webapp/skin/less/core/layout/pagelayout.less | 6 ++++++ 1 file changed, 6 insertions(+) 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 08c55fee1..820e3d92f 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 @@ -466,3 +466,9 @@ .grid-cell-rowspan(xl, 12); .grid-cell-colspan(xl, 12); } + +@media (max-width: @maxMobileWidth) { + .VuetifyApp .layout-sections-parent .layout-mobile-columns .flex-cell:has(.layout-application) { + padding-bottom: 0; + } +}