Skip to content

Commit 442695b

Browse files
stevewalloneclaude
andauthored
fix: restore .dropdown-menu-right utility for right-aligned dropdowns (#15137)
Since bootstrap.min.css is no longer loaded, the essential Bootstrap dropdown rules were re-implemented by hand in components/tailwind.css. That compat block omitted the `.dropdown-menu-right` utility (right: 0; left: auto), so every menu marked `dropdown-menu-right` (42 usages across 30+ templates, e.g. the finding actions menu) fell back to left-alignment and overflowed off the right edge of the page, clipping its labels and forcing horizontal page scroll. Restore the rule in the Bootstrap-compat block and rebuild tailwind-out.css (tailwindcss 4.2.4, matching the committed artifact). Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
1 parent 65c5f36 commit 442695b

2 files changed

Lines changed: 4 additions & 1 deletion

File tree

components/tailwind.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1177,6 +1177,9 @@
11771177
box-shadow: 0 4px 16px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.06);
11781178
}
11791179
.open > .dropdown-menu { display: block; }
1180+
/* Right-align the menu to its toggle (e.g. dropdowns pinned to the right
1181+
edge of a header) so it opens leftward instead of overflowing the page. */
1182+
.dropdown-menu-right { right: 0; left: auto; }
11801183
.dropdown-menu > li > a,
11811184
.dropdown-menu > a {
11821185
display: block;

dojo/static/dojo/css/tailwind-out.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)