Header overflows in Data model for mobile viewport

[harshit078]

Bug Description

• Go to Settings/Data Model
• Add field and use it on mobile viewports
• Since header has Type and configure properties, it makes the buttons component overflow

Current Behaviour

Expected behavior

Approach

• New field has a lot of unused spacing and padding. Removing that spacing could yield more header room
• Instead of New field and then type, we can directly give type dropdown and remove New fiedl altogether which would give a clean look.

[Bonapara]

I think we should introduce a mobile version of the breadcrumb - Will provide a design

[Bonapara]

https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=40192-452783&node-type=frame&t=IXWRE0LasgigcLyR-11

We should display a back button with back to previous step name as label

[Bonapara]

/oss.gg 150

[oss-gg[bot]]

Thanks for opening an issue! It's live on oss.gg!

[NitinPSingh]

hi @Bonapara , i am working on the issue , want to know what would be the back button for the general screen , as workspace redirect to /general

[Bonapara]

< Back to App that would close the settings would be cool @NitinPSingh. WDYT?

[NitinPSingh]

/assign

[oss-gg[bot]]

Assigned to @NitinPSingh! Please open a draft PR linking this issue within 48h ⚠️ If we can't detect a PR from you linking this issue in 48h, you'll be unassigned automatically 🕹️ Excited to have you ship this 🚀

[NitinPSingh]

hi can anyone review the pr

[Bonapara]

The tech team is on it @NitinPSingh ;)

[xRiddin]

/assign

[oss-gg[bot]]

This issue is already assigned to another person. Please find more issues here.