- Issue created by @marc.bau
- 🇳🇿New Zealand quietone
Changes are made on on 11.x (our main development branch) first, and are then back ported as needed according to our policies.
- 🇮🇳India amitrawat056
Hi, I am experiencing a similar issue in both the Carlo and Gin themes. You can refer to this issue here: https://www.drupal.org/project/drupal/issues/3462547 🐛 Paragraph reference overlaps with node's vertical tabs when expanded Active .
After some testing, it seems that the issue is caused by the input tag. Setting the width to 100% makes the input responsive and resolves the overflow issue, as shown in the video. When the width is set to auto, the overflow problem persists. The same behavior is observed in both the Carlo and Gin themes.
- First commit to issue fork.
- Merge request !94873471682-issue fixed added width 100 percent to olivero theme → (Open) created by Unnamed author
- Status changed to Needs review
7 months ago 10:54am 13 September 2024
Hello @marc.bau
i have fixed the issue by changing input field width: auto to width:100%. i have attached screenshots please review.
- 🇩🇪Germany marc.bau
That looks visually exacly like the issue I reported. Great you have been able to fix it.
- 🇺🇸United States smustgrave
Fix seems straight forward enough.
Cleaned up issue summary.
- 🇺🇸United States mherchel Gainesville, FL, US
This fix will also affect many of the input types that should not be affected (color, number, etc).
We want to ensure there's no regressions.
This problem only seems to occur when the input is nested within a table, which happens when multiple images are allowed in the field settings.
I'd recommend only targeting the input types that need to go full width, and scoping them to a table.
- Status changed to Needs work
5 months ago 6:57pm 21 November 2024 @mherchel this will not affect other css because i have used media query for that so i will only apply 100% when the device goto smaller devices where we are using with 100%
- 🇺🇸United States smustgrave
Olivero isn't meant to be an admin theme so what's the use case here?
- 🇩🇪Germany marc.bau
It is important that the node edit form looks like the theme and not like admin theme. This is a setting that is commonly used and does not mean the Oliviero need to be an admin theme… its is all about node edit form only and this need to work well.
- 🇺🇸United States smustgrave
#9 mentions wrapping in a table selector and only targeting the input types having issues. Since that came from one of the sub-maintainers think it would be worth pursuing.