diff --git a/css/backoffice/components/_panel.scss b/css/backoffice/components/_panel.scss index b77e9a8e0..63f2251bb 100644 --- a/css/backoffice/components/_panel.scss +++ b/css/backoffice/components/_panel.scss @@ -28,7 +28,7 @@ $ibo-panel--title--color: $ibo-color-grey-900 !default; $ibo-panel--subtitle--color: $ibo-color-grey-800 !default; $ibo-panel--body--background-color: $ibo-color-white-100 !default; -$ibo-panel--body--padding-bottom: 16px !default; +$ibo-panel--body--padding-bottom: 24px !default; $ibo-panel--body--padding-top: $ibo-panel--body--padding-bottom + $ibo-panel--highlight--height !default; $ibo-panel--body--padding-x: 16px !default; $ibo-panel--body--border-radius: $ibo-border-radius-500 !default; @@ -111,7 +111,7 @@ $ibo-panel-colors: ( .ibo-panel--body { position: relative; - padding: $ibo-panel--body--padding-top $ibo-panel--body--padding-x $ibo-panel--body--padding-bottom; + padding: $ibo-panel--body--padding-top $ibo-panel--body--padding-x $ibo-panel--body--padding-bottom $ibo-panel--body--padding-x; background-color: $ibo-panel--body--background-color; border: solid $ibo-panel--body--border-size $ibo-panel--body--border-color; border-radius: $ibo-panel--body--border-radius; diff --git a/css/backoffice/components/dashlet/_dashlet-header-dynamic.scss b/css/backoffice/components/dashlet/_dashlet-header-dynamic.scss index 4a495455a..1491351c0 100644 --- a/css/backoffice/components/dashlet/_dashlet-header-dynamic.scss +++ b/css/backoffice/components/dashlet/_dashlet-header-dynamic.scss @@ -10,7 +10,6 @@ $ibo-dashlet-header-dynamic--count--margin-right: 10px !default; .ibo-dashlet-header-dynamic--container { display: flex; flex-wrap: wrap; - padding-top: 12px; } .ibo-dashlet-header-dynamic--count { diff --git a/css/backoffice/layout/blocks-integrations/_panel-with-tab-container.scss b/css/backoffice/layout/blocks-integrations/_panel-with-tab-container.scss index 151383bee..223f7ca7a 100644 --- a/css/backoffice/layout/blocks-integrations/_panel-with-tab-container.scss +++ b/css/backoffice/layout/blocks-integrations/_panel-with-tab-container.scss @@ -3,6 +3,12 @@ * @license http://opensource.org/licenses/AGPL-3.0 */ +// IMPORTANT: We have to cancel the panel padding because the tab-container already has its own. +// - As the tab-container can be used outside a panel in another type of block, we can't remove it from its partial (_tab-container.scss) +// - This kind of file is the place where *integrations* like this are supposed to be done, keep this in mind when integrating others blocks + +// Note: This might not be named well, maybe "tab-container-within-panel" would have been better? + $ibo-panel-with-tab-container--padding-top: -1 * ($ibo-panel--body--padding-top - $ibo-panel--highlight--height) !default; $ibo-panel-with-tab-container--margin-x: -1 * $ibo-panel--body--padding-x !default;