Fix loading spinner spacing on child issues and epics
What does this MR do and why?
Fixes spacing and positioning for the loading spinner when fetching children in the "Child issues and epics tree". Also consolidates some styles into tailwind utility classes and removes some scss.
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
| Before | After |
|---|---|
| Screen_Recording_2024-05-28_at_16.37.17 | Screen_Recording_2024-05-28_at_16.36.45 |
How to set up and validate locally
- Check out this branch locally
- Visit an Epic in a group in the GDK
- Ensure that the epic has at least one child epic that also has its own child epics. Add new epics as necessary.
- The changes in this MR are related to the loading spinner that shows when a child epic's children are expanded for the first time since page load (they are kept in memory and will be expanded immediately without a fetch on subsequent toggles while still on the page), so at this point you need to refresh the page.
- Toggle the
Expandcaret button for the child epic that has its own children epic(s)
You will see that (a) the loading icon is in the same spot as the caret icon and (b) the loading icon does not cause the content to the right of it to move at all when it appears.
Related to #457201 (closed)
Related to #452225 (closed)
Edited by Chad Lavimoniere