composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-05-19 07:12:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°8274 - Align modal header and footer padding

Browse Source
This commit is contained in:
Stephen Abello
2025-04-02 11:35:23 +02:00
parent 0193db609d
commit ebb59d3ddc
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
datamodels/2.x/itop-portal-base/portal/public/css/components/_modal.scss
View File

@@ -8,6 +8,7 @@ $ipb-modal--max-height: 90vh !default;
$ipb-modal--max-width: 90vw !default; $ipb-modal--max-width: 90vw !default;
$ipb-modal--border-radius: $common-border-radius-500 !default; $ipb-modal--border-radius: $common-border-radius-500 !default;
$ipb-modal--header--padding: $common-spacing-500 !default;
$ipb-modal--header--background-color: $common-color-white-100 !default; $ipb-modal--header--background-color: $common-color-white-100 !default;
$ipb-modal--header--color: $common-color-grey-900 !default; $ipb-modal--header--color: $common-color-grey-900 !default;
$ipb-modal--header--border-radius: $ipb-modal--border-radius $ipb-modal--border-radius 0 0 !default; $ipb-modal--header--border-radius: $ipb-modal--border-radius $ipb-modal--border-radius 0 0 !default;
@@ -16,6 +17,8 @@ $ipb-modal--header--close--color: $common-color-grey-900 !default;
$ipb-modal--header--close--opacity: 1 !default; $ipb-modal--header--close--opacity: 1 !default;
$ipb-modal--header--close--hover--color: $common-color-grey-700 !default; $ipb-modal--header--close--hover--color: $common-color-grey-700 !default;
$ipb-modal--footer-padding: $ipb-modal--header--padding !default;
$ipb-modal--backdrop--opacity: 0.6 !default; $ipb-modal--backdrop--opacity: 0.6 !default;
$ipb-modal--backdrop--background-color: $common-color-blue-grey-800 !default; $ipb-modal--backdrop--background-color: $common-color-blue-grey-800 !default;
$ipb-modal--backdrop--backdrop-filter: blur(2px) !default; $ipb-modal--backdrop--backdrop-filter: blur(2px) !default;
@@ -60,6 +63,7 @@ $ipb-modal--title--span--separator--background-color: $common-color-grey-800 !de
} }
.modal-header { .modal-header {
padding: $ipb-modal--header--padding;
border-radius:$ipb-modal--header--border-radius !important; border-radius:$ipb-modal--header--border-radius !important;
.close { .close {
color: $ipb-modal--header--close--color; color: $ipb-modal--header--close--color;
@@ -72,6 +76,10 @@ $ipb-modal--title--span--separator--background-color: $common-color-grey-800 !de
} }
} }
.modal-footer {
padding: $ipb-modal--footer-padding;
}
.modal-title { .modal-title {
color: $ipb-modal--title--color !important; color: $ipb-modal--title--color !important;
display: flex; display: flex;