Advanced toggle alignment (#10844)

This PR address advanced toggle alignment, especially the left yellow
dot placement.
In other advanced settings navigation drawer, the dot appears -20px to
left, while this was not the case for advanced toggle's dot.
Matched the height and paddings to that of NavigationDrawerItem.

@Bonapara FYI

before:
<img width="399" alt="Screenshot 2025-03-13 at 15 49 21"
src="https://github.com/user-attachments/assets/6dd60b3a-1b2e-43a0-ad28-dc44437460ab"
/>

after:
<img width="401" alt="Screenshot 2025-03-13 at 15 47 43"
src="https://github.com/user-attachments/assets/86e51b07-e84a-413a-8a49-1820c165dc68"
/>

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
nitin
2025-03-14 22:58:14 +05:30
committed by GitHub
parent c833b1c449
commit f44f42e9a0
7 changed files with 35 additions and 34 deletions

View File

@ -29,7 +29,7 @@ export const SettingsNavigationDrawerItem = ({
if (isDefined(item.isAdvanced) && item.isAdvanced) {
return (
<AdvancedSettingsWrapper navigationDrawerItem>
<AdvancedSettingsWrapper>
<NavigationDrawerItem
indentationLevel={item.indentationLevel}
subItemState={subItemState}