Skip to content

Commit 26a1fae

Browse files
OpenStaxClaudeclaude
authored andcommitted
Fix TextResizer dropdown positioning with !important
The Dropdown component's styled-components CSS sets `left: 0` with high specificity. The plain CSS rule `left: auto; right: 0` wasn't overriding it, causing the text resizer dropdown to be positioned incorrectly with the wrong width. Added `!important` to `left: auto` and `right: 0` to ensure these positioning rules take precedence over the Dropdown's styled-components rules. This fixes Review #47 - the text resizer dropdown should now properly align to the right edge with the correct width. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
1 parent e4429bd commit 26a1fae

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

src/app/content/components/Topbar/Topbar.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -248,8 +248,8 @@
248248
.topbar-text-resizer-menu {
249249
color: var(--text-resizer-color, #5e6062);
250250
background: #fff;
251-
left: auto;
252-
right: 0;
251+
left: auto !important;
252+
right: 0 !important;
253253
top: calc(100% - 1px);
254254
text-align: left;
255255
font-weight: bold;

0 commit comments

Comments
 (0)