Merge pull request #1370 from Arnei/acl-role-dropdown-width-17

Arnei · web-flow · commit 27273dbd742d · 2025-07-24T11:49:39.000+02:00
Fix ACL role dropdown width
diff --git a/src/components/events/partials/ModalTabsAndPages/NewAccessPage.tsx b/src/components/events/partials/ModalTabsAndPages/NewAccessPage.tsx
@@ -269,7 +269,7 @@ const NewAccessPage = <T extends RequiredFormProps>({
 																						}
 																						skipTranslate
 																						optionHeight={35}
-																						customCSS={{ width: 360, optionPaddingTop: 5 }}
+																						customCSS={{ width: "100%", optionPaddingTop: 5 }}
 																					/>
 																				</td>
 																				{/* Checkboxes for  policy.read and policy.write*/}
diff --git a/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx b/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx
@@ -497,7 +497,7 @@ const ResourceDetailsAccessPolicyTab = ({
 																								}
 																								skipTranslate
 																								optionHeight={35}
-																								customCSS={{ width: 360, optionPaddingTop: 5 }}
+																								customCSS={{ width: "100%", optionPaddingTop: 5 }}
 																							/>
 																						) : (
 																							<p>{policy.role}</p>
diff --git a/src/components/users/partials/wizard/AclAccessPage.tsx b/src/components/users/partials/wizard/AclAccessPage.tsx
@@ -229,7 +229,7 @@ const AclAccessPage = <T extends RequiredFormProps>({
 																						disabled={!isAccess}
 																						skipTranslate
 																						optionHeight={35}
-																						customCSS={{ width: 360, optionPaddingTop: 5 }}
+																						customCSS={{ width: "100%", optionPaddingTop: 5 }}
 																					/>
 																				</td>
 																				<td className="fit text-center">

Original file line number	Diff line number	Diff line change
`@@ -269,7 +269,7 @@ const NewAccessPage = <T extends RequiredFormProps>({`
`269`	`269`	`}`
`270`	`270`	`skipTranslate`
`271`	`271`	`optionHeight={35}`
`272`		`- customCSS={{ width: 360, optionPaddingTop: 5 }}`
	`272`	`+ customCSS={{ width: "100%", optionPaddingTop: 5 }}`
`273`	`273`	`/>`
`274`	`274`	`</td>`
`275`	`275`	`{/* Checkboxes for policy.read and policy.write*/}`
Original file line number	Diff line number	Diff line change
`@@ -497,7 +497,7 @@ const ResourceDetailsAccessPolicyTab = ({`
`497`	`497`	`}`
`498`	`498`	`skipTranslate`
`499`	`499`	`optionHeight={35}`
`500`		`- customCSS={{ width: 360, optionPaddingTop: 5 }}`
	`500`	`+ customCSS={{ width: "100%", optionPaddingTop: 5 }}`
`501`	`501`	`/>`
`502`	`502`	`) : (`
`503`	`503`	`<p>{policy.role}</p>`