From 40cebf1eb79d5f3a7293dbaa163ee7ab5cf11673 Mon Sep 17 00:00:00 2001 From: Molkobain Date: Wed, 25 Jan 2023 16:50:21 +0100 Subject: [PATCH] =?UTF-8?q?N=C2=B05923=20-=20Align=20panel's=20header=20wi?= =?UTF-8?q?thin=20another=20panel=20when=20it=20has=20no=20icon?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/backoffice/components/_panel.scss | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/css/backoffice/components/_panel.scss b/css/backoffice/components/_panel.scss index 92331faa5..e628b1e47 100644 --- a/css/backoffice/components/_panel.scss +++ b/css/backoffice/components/_panel.scss @@ -86,28 +86,27 @@ $ibo-panel--collapsible-toggler--font-size: $ibo-font-size-250 !default; $ibo-panel--collapsible-toggler--color: $ibo-color-grey-700 !default; /* Rules */ - - .ibo-panel { --ibo-main-color: #{map-get($ibo-panel-colors, 'neutral')}; /* --ibo-main-color is to allow overload from custom dynamic value from the DM. The overload will be done through an additional CSS class of a particular DM class or DM attribute */ position: relative; &.ibo-has-icon { - .ibo-panel--titles { - padding-left: $ibo-panel--icon--spacing; + // Note: Direct child selector is mandatory, otherwise a panel within a panel could be affected too when it shouldn't (eg. dashboard in an object, n:n panel) + > .ibo-panel--header { + .ibo-panel--titles { + padding-left: $ibo-panel--icon--spacing; + } } &.ibo-has-medallion-icon { - .ibo-panel--header-left { - position: relative; - z-index: 1; - margin-left: $ibo-panel--icon--spacing--as-medallion; - } - // Note: Direct child selector is mandatory, otherwise a panel within a panel could be affected too when it shouldn't (eg. dashboard in an object, n:n panel) > .ibo-panel--header { .ibo-panel--header-left { + position: relative; + z-index: 1; + margin-left: $ibo-panel--icon--spacing--as-medallion; + .ibo-panel--icon { position: absolute; bottom: $ibo-panel--icon--bottom--as-medallion;