Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Increase max-height so that no element is partially visible. 

I didn't want to use JS for it since calculating height based on
item height before rendering the dropdown is expensive and after
rendering the dropdown will cause it jump.
This commit is contained in:
Aman Agrawal 2023-05-10 12:52:52 +00:00 committed by Tim Abbott
parent 79b00d3c2a
commit 5156f465ef
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/dropdown_widget.js
View File

@ -9,7 +9,7 @@ import {default_popover_props} from "./popover_menus";
import {parse_html} from "./ui_util";
/* Sync with max-height set in zulip.css */
export const DEFAULT_DROPDOWN_HEIGHT = 200;
export const DEFAULT_DROPDOWN_HEIGHT = 210;
const noop = () => {};
export function setup(tippy_props, get_options, item_click_callback, dropdown_props = {}) {

2
web/styles/zulip.css
View File

@ -3079,7 +3079,7 @@ select.invite-as {
.dropdown-list-wrapper {
/* Sync with `max-height` in dropdown_widget. */
max-height: 200px;
max-height: 210px;
min-width: 200px;
.dropdown-list {