aboutsummaryrefslogtreecommitdiffstats
path: root/server/sonar-web/design-system/src/components/modal
diff options
context:
space:
mode:
authorJay <jeremy.davis@sonarsource.com>2023-06-01 17:58:15 +0200
committersonartech <sonartech@sonarsource.com>2023-06-09 20:03:09 +0000
commita74f4d9475ab3548821fe9f6380c204d56f886d6 (patch)
treed1ba1f20fd665134f4ead2e772881f7bd0516ecd /server/sonar-web/design-system/src/components/modal
parent40e061b25b152d7704a989240c12191317a81f3f (diff)
downloadsonarqube-a74f4d9475ab3548821fe9f6380c204d56f886d6.tar.gz
sonarqube-a74f4d9475ab3548821fe9f6380c204d56f886d6.zip
SONAR-19345 new UI for the issue Bulk Change Modal
Diffstat (limited to 'server/sonar-web/design-system/src/components/modal')
-rw-r--r--server/sonar-web/design-system/src/components/modal/ModalBody.tsx3
-rw-r--r--server/sonar-web/design-system/src/components/modal/__tests__/__snapshots__/ModalBody-test.tsx.snap3
2 files changed, 5 insertions, 1 deletions
diff --git a/server/sonar-web/design-system/src/components/modal/ModalBody.tsx b/server/sonar-web/design-system/src/components/modal/ModalBody.tsx
index 1d5af12d9cf..6b7ead1f8db 100644
--- a/server/sonar-web/design-system/src/components/modal/ModalBody.tsx
+++ b/server/sonar-web/design-system/src/components/modal/ModalBody.tsx
@@ -35,7 +35,8 @@ export function ModalBody({ children, isScrollable = true }: Props) {
const StyledMain = styled.div`
${tw`sw-body-sm`}
- ${tw`sw-pr-3`} // to accomodate a possible scrollbar
+ ${tw`sw-px-3`} // to accomodate a possible scrollbar
+ ${tw`-sw-mx-3`}
${tw`sw-my-12`}
${tw`sw-overflow-x-hidden`}
diff --git a/server/sonar-web/design-system/src/components/modal/__tests__/__snapshots__/ModalBody-test.tsx.snap b/server/sonar-web/design-system/src/components/modal/__tests__/__snapshots__/ModalBody-test.tsx.snap
index 6c86070b3b4..4d41d0c95e2 100644
--- a/server/sonar-web/design-system/src/components/modal/__tests__/__snapshots__/ModalBody-test.tsx.snap
+++ b/server/sonar-web/design-system/src/components/modal/__tests__/__snapshots__/ModalBody-test.tsx.snap
@@ -6,7 +6,10 @@ exports[`renders with children 1`] = `
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
+ padding-left: 0.75rem;
padding-right: 0.75rem;
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
margin-top: 3rem;
margin-bottom: 3rem;
overflow-x: hidden;