Compare commits

...

5 Commits

Author SHA1 Message Date
suyao
784b570428 fix: adjust dropdown menu max height for improved usability 2025-10-23 04:47:27 +08:00
suyao
b2c819ffba Merge branch 'fix/10877' of https://github.com/CherryHQ/cherry-studio into fix/10877 2025-10-23 04:44:28 +08:00
suyao
569f06a194 fix: increase dropdown menu max height for better visibility 2025-10-23 04:44:00 +08:00
suyao
8df196b902 🐛 fix: improve dropdown submenu scrolling for tag move functionality
- Set max-height to min(300px, 80vh) for dropdown submenus
- Add media query for small height devices (≤600px) to use 30vh
- Ensures scrollable list when moving topics to tags with many assistants
- Fixes issue where some tags cannot be displayed in move-to dropdown

Fixes #10877
2025-10-23 04:31:26 +08:00
suyao
09214a3020 🐛 fix: improve dropdown submenu scrolling for tag move functionality
- Set max-height to min(400px, 80vh) for dropdown submenus
- Ensures scrollable list when moving topics to tags with many assistants
- Fixes issue where some tags cannot be displayed in move-to dropdown

Fixes #10877
2025-10-23 04:22:43 +08:00

View File

@@ -102,13 +102,20 @@
}
.ant-dropdown-menu .ant-dropdown-menu-sub {
max-height: 80vh;
max-height: min(500px, 80vh);
width: max-content;
overflow-y: auto;
overflow-x: hidden;
border: 0.5px solid var(--color-border);
}
@media (max-height: 700px) {
.ant-dropdown .ant-dropdown-menu,
.ant-dropdown .ant-dropdown-menu-sub {
max-height: 50vh !important;
}
}
.ant-dropdown {
background-color: var(--ant-color-bg-elevated);
overflow: hidden;
@@ -117,7 +124,7 @@
}
.ant-dropdown .ant-dropdown-menu {
max-height: 80vh;
max-height: min(500px, 80vh);
overflow-y: auto;
border: 0.5px solid var(--color-border);
}