Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Problem/Motivation
Field UI is using ajax on the manage form display to allow users to configure fields. The new Claro ajax throbber is not positioned correctly when a field display setting form is being opened, or when a field display setting is being saved.
Proposed resolution
Remaining tasks
User interface changes
Comment | File | Size | Author |
---|---|---|---|
#7 | interdiff-3068907-2-7.txt | 4.22 KB | huzooka |
#7 | claro-field_ui_ajax_throbber-3068907-7.patch | 3.81 KB | huzooka |
| |||
#5 | field-plugin-settings-edit-form--button-margin.png | 91.23 KB | huzooka |
#5 | field-plugin-settings-edit-form--order.png | 119.35 KB | huzooka |
#5 | field-plugin-settings-edit-wrapper.png | 41.8 KB | huzooka |
Comments
Comment #2
finnsky CreditAttribution: finnsky at Skilld commentedAdded small patch, but seems that field UI need some more design updates. related to colors and spacings
Comment #3
lauriiiThank you! This works great at least with Chrome. Would be nice to do some cross-browser testing on this one.
Do you know if .field-plugin-settings-edit-wrapper and .field-plugin-settings-edit-form can be rendered outside of .field-ui-overview? Trying to ensure that we don't make the selectors unnecessarily specific.
Comment #4
huzookaReviewing.
Comment #5
huzookaRe #2:
.field-plugin-settings-edit-wrapper .ajax-progress--throbber
is enough here.I think it would be better to leave order unset: [screenshot]
.field-plugin-settings-edit-form .ajax-progress--throbber
would be enough. But instead of that, please move this rule to ourform.css
and change the selector to.form-actions .ajax-progress--throbber
(form actions is near to the end of that file). This issue occurs in every ajax-submitted forms, not just this one.I'd leave the progress indicator next to the button that was clicked, and won't move it to the end of the form actions.
Instead of killing the margin-top, I'd remove this whole rule completely. It's much nicer if the element of the form actions break into multiple lines.
Comment #6
huzookaComment #7
huzookaThis patch addresses #6 and only adds Field UI admin styles if needed.
Comment #9
lauriiiLooks good. I confirmed with the design team that this is how the throbber is supposed to behave. I also generated a diff manually using the diff command to review the changes compared to the original file.
Committed and pushed!