fix: Updated drag and drop to use the correct glass theme.

[dlabaj]

Fixes #12269 by updating the styling for drag and drop.

Summary by CodeRabbit

• Style
  • Adjusted dragging overlay background color for improved visual consistency.
  • Swapped the grip icon to a filled variant for enhanced visual presentation and clarity.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 3f82958e-a9b1-4f66-84e7-e76cebbaef7e

📥 Commits

Reviewing files that changed from the base of the PR and between 5503d97 and c1e2dc9.

⛔ Files ignored due to path filters (1)

• packages/react-drag-drop/src/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap is excluded by !**/*.snap

📒 Files selected for processing (1)

• packages/react-drag-drop/src/components/DragDrop/DragButton.tsx

✅ Files skipped from review due to trivial changes (1)

• packages/react-drag-drop/src/components/DragDrop/DragButton.tsx

---

Walkthrough

Updated drag-and-drop UI assets: changed the dragging overlay CSS custom property and replaced the grip icon mapping and usage to the filled Rhodecode grip-vertical asset. No API, props, or control flow changes.

Changes

Cohort / File(s)	Summary
Drag & Drop — container packages/react-drag-drop/src/components/DragDrop/DragDropContainer.tsx	Changed dragging overlay background CSS custom property from var(--pf-t--global--background--color--primary--default) to var(--pf-t--global--background--color--floating--default).
Drag & Drop — button packages/react-drag-drop/src/components/DragDrop/DragButton.tsx	Replaced rendered icon: previously used GripVerticalIcon, now renders RhUiGripVerticalFillIcon (import/render change only).
Icon mapping packages/react-icons/scripts/icons/pfToRhIcons.mjs	Updated pfToRhIcons.GripVerticalIcon mapping: name and icon lookup changed from rh-ui-grip-vertical → rh-ui-grip-vertical-fill.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• feat(icons): add swap support for mapped rh-ui icons #12245 — Related adjustments to the GripVerticalIcon mapping to a Rhodecode filled variant.
• feat(react-icons): add newest rh brand icons #12222 — Changes tied to the rh-ui grip-vertical-fill icon addition and usage.

Suggested reviewers

• thatblindgeye
• nicolethoen
• kmcfaul

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately reflects the main changes in the pull request, which involve updating drag and drop styling to use the correct CSS custom property for the glass theme.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[patternfly-build]

Preview: https://pf-react-pr-12306.surge.sh

A11y report: https://pf-react-pr-12306-a11y.surge.sh

[kmcfaul]

Can we update the drag icon used in DragButton to the new RhUiGripVerticalFillIcon directly? We can still keep this update for product team migration.

[kmcfaul]

It also looks like the PR needs a snapshot update.