diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_form.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_form.scss index 0d5ff17c45..95aff82e27 100644 --- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_form.scss +++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_form.scss @@ -7,6 +7,8 @@ $ipb--fieldset--border-radius: $common-border-radius-500 !default; $ipb--fieldset--legend--padding-y: $common-spacing-0 !default; $ipb--fieldset--legend--padding-x: 13px !default; +$ipb--fieldset--inside--fieldset--background-color: $common-color-grey-100 !default; + $ipb-field--has-tooltip-or-is-mandatory--vertical-align: top !default; $ipb-field--has-tooltip-or-is-mandatory--left: $common-spacing-200 !default; @@ -19,13 +21,16 @@ $ipb-field--is-mandatory--font-size: 0.6rem !default; .form_fields { fieldset { - background-color: $common-color-grey-50; + background-color: $ipb--fieldset--background-color; padding: $ipb--fieldset--padding-y $ipb--fieldset--padding-x; border-radius: $ipb--fieldset--border-radius; border: $ipb--fieldset--border; legend { padding: $ipb--fieldset--legend--padding-y $ipb--fieldset--legend--padding-x; } + fieldset { + background-color: $ipb--fieldset--inside--fieldset--background-color; + } } }