Draft: Convert groups.scss into a page specfic bundle and cleanup some unused CSS
What does this MR do and why?
Moves stylesheets/pages/groups.scss
to page_bundles/groups.scss
CSS and cleans up some unused CSS.
Screenshots
Before | After | |
---|---|---|
Dashboard/Groups | ||
Explore/Groups |
How to set up and validate locally
Most of the CSS in groups.scss is related to the list display of groups. You can validate those changes by visiting:
- Your work > groups
- Clicking the Your groups tab and explore tab
This file also contains CSS for this element: . Which is scattered around the product. You can validate that this is displaying correctly by visiting:
-
dashboard/projects
(Yours, starred, explore) on your dashboard dashboard/groups
- ...
And finally this file contains CSS to style an input group in the settings. This only affects the visuals if there is a long URL so the simplest way to verify is that the CSS is applied to the .group-root-path
element
Numbered steps to set up and validate the change are strongly suggested.
<!114285 (merged) -- Example below:
- Enable the invite modal
Feature.enable(:invite_members_group_modal)
- In rails console enable the experiment fully
Feature.enable(:member_areas_of_focus)
- Visit any group or project member pages such as
http://127.0.0.1:3000/groups/flightjs/-/group_members
- Click the
invite members
button. -->
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #239833