[Fivell]

Problem

The right-alignment guard for title-bar dropdowns pins the panel with
right: 0 !important. But div.dropdown_menu is unpositioned — ActiveAdmin
leaves it display: inline — and the theme resets #titlebar_right to
position: static, so the panel's containing block ends up being #title_bar
(sticky). Every menu therefore opened at the bar's far right, under whichever
action item sits last, instead of under the button that was clicked.

A bar whose only dropdown is the rightmost item looks fine, which is why this
slipped through; it shows up as soon as a dropdown has another action item
after it.

Fix

Give div.dropdown_menu position: relative so right: 0 means the trigger's
right edge, plus display: inline-block — an inline box's containing block
spans its text fragments, and the whitespace around the button in AA's markup
pushed the panel a few pixels past the button.

The nipple needs the same treatment: AA offsets the arrow from the panel's
left edge by the button's centre, which lands it on empty bar once the panel
is right-aligned. It is now pinned right, centred on the button's own caret.

Test case

test/dummy's wide table now renders four action items — two of them
dropdowns, one of those in the middle — the shape that reproduces it.
Measured on that page (bar 1200px wide, panel right edge vs. button right edge):

	Actions (middle)	More (last)
before	panel 1200 / button 1000	panel 1200 / button 1170
after	panel 1000 / button 1000	panel 1170 / button 1170

rake css passes.

[Copilot]

🟢 Approval recommended

The focused positioning changes address the reported issue with no identified blockers.

No open issues 🎉

What changed in this PR

Fixes title-bar dropdowns opening beneath the wrong action item in the ActiveAdmin theme.

Changes:

• Anchors each dropdown panel to its own button.
• Aligns the panel arrow with the button’s caret.
• Adds a multi-action dummy page example with middle and rightmost dropdowns.

File	Description
test/​dummy/​app/​admin/​wide_table.rb	Adds action items that reproduce the alignment issue.
app/​assets/​stylesheets/​wigu/​active_admin_theme.scss	Positions dropdown panels and arrows beneath their triggers.

_{Review effort: Balanced}

[Fivell]

Before / after on the dummy app's wide table — bar 1200px wide, the Actions dropdown sits in the middle, More is last.

Before — clicking Actions opens its panel at the bar's right edge, under More:

After — Actions opens under its own button:

After — More, the last item, still right-aligned to its own button:

Panel right edge vs. button right edge on that page: before 1200/1000 and 1200/1170, after 1000/1000 and 1170/1170.