Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our Drupal 7 End of Life resources page to review all of your options.Hey there, so it would be nice if we could have better UI support for Paragraphs module since it's a commonly used module as part of content editing
here are some issues that I noticed:
- Align the text and add some spacing (also on expand it overlaps the text):
- Ajax loading has some issues:
- It's a bit better UX if the width of the dropdown button didn't change on expanding and inherit the longest width it requires beforehand:
| Comment | File | Size | Author |
|---|---|---|---|
| #13 | Screenshot 2022-06-15 at 01.03.22.png | 31.87 KB | klonos |
| #7 | Bildschirmfoto 2020-04-24 um 12.43.45.png | 64.8 KB | kevinkonsorr |
| #5 | 2020-03-26 23.03.39.gif | 12.96 MB | doxigo |
| #4 | 2020-03-26 22.57.48.gif | 541.58 KB | doxigo |
| 2020-03-25 20.44.45.gif | 594.62 KB | doxigo |
Comments
Comment #2
saschaeggiThese issues could also be related to the paragraph module itself.
The behavior of the Dropbutton for example is the same as in Claro, I just inherited the behavior. So you might want to create a ticket for the Dropbutton in the Core issue queue for Claro => https://www.drupal.org/project/issues/drupal?component=Claro+theme
Which version of Paragraphs do you use? Also do you use the Paragraphs/Paragraphs EXPERIMENTAL? Try using the EXPERIMENTAL one.
The latest version to date (8.x-1.11) should already have some styling improvements we did some weeks ago #3108997: [META] Claro theme UI improvements & #3111075: Use small button component for Claro
=)
Comment #3
saschaeggiYou can try out the dev branch as there should now be better support, I've tried to fix it in Gin. Let me know if it's already any better. Also see my answer above.
Comment #4
doxigo CreditAttribution: doxigo as a volunteer commentedHey, sorry for a late reply
Yes I'm using the latest Paragraphs, I was using Classic and switched to EXPERIMENTAL, the EXPERIMENTAL one seems rather better compared to Classic
I just updated Gin to the latest dev and it is better but still needs some adjusting, if we can address the following two items it would be nice:
- Text alignment next to the dropdown (Classic)
- Text spacing next to the dropdown (Classic & EXPERIMENTAL)
Comment #5
doxigo CreditAttribution: doxigo as a volunteer commentedOh and another issue with Paragraphs that is more important is that when you add a new paragraphs the node edit jumps to somewhat middle of the whole page, and you have to scroll down to see your newly added item, here's a demo:
Comment #6
saschaeggiComment #7
kevinkonsorr CreditAttribution: kevinkonsorr as a volunteer commentedSomehow when nesting paragraphs, the drag arrow is shown multiple times. When adding/nesting more paragraphs, the amount of these arrows seem to grow even more.
Comment #8
saschaeggi@kevinkonsorr there is a core patch for this, see #3092181: Nested Paragraphs create multiple drag handles
Comment #9
saschaeggiComment #10
saschaeggiClosing this, if anything will pop up again, please create a follow-up :)
Comment #11
saschaeggiComment #12
saschaeggiRolled out with 8.x-3.x-alpha12
Comment #13
klonosUsing the following:
Still seeing these issues with Paragraphs selects:
And I confirm that I still see the issue reported in #4 by @doxigo
Comment #14
saschaeggi@klonos you might want to open an issue in the issue queue of Paragraphs for that as they're not using the new markup used by Claro/Gin yet.
Cheers