Skip to content

Commit

Permalink
Fix: Adjust dropdown menu item layout for better text fitting
Browse files Browse the repository at this point in the history
- Updated the styling of `.DownloadsDropdownMenu__MenuItem` to improve text fitting and prevent text overlap.
- Changed `height` to `fit-content(25%)` to ensure the menu items dynamically adjust to content size.
- Added `flex-grow: 1` to allow the items to expand and occupy available space within the menu.
- Added `padding-right: 20px` to ensure text does not touch the right edge of the menu.
  • Loading branch information
s1Sharp committed Oct 7, 2024
1 parent 139fc34 commit 7582513
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion src/renderer/css/downloadsDropdownMenu.scss
Original file line number Diff line number Diff line change
Expand Up @@ -52,9 +52,11 @@ body {
display: flex;
font-size: 14px;
font-weight: 400;
height: 25%;
flex-grow: 1;
height: fit-content(25%);
justify-content: flex-start;
padding-left: 20px;
padding-right: 20px;

&:hover {
background-color: rgba(63, 67, 80, 0.08);
Expand Down

0 comments on commit 7582513

Please sign in to comment.