Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix width of dropdown menus

Browse source
This commit is contained in:
Dane Everitt 2020-12-27 10:49:33 -08:00
parent b2328b50c6
commit d54a8713d1
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
resources/scripts/components/elements/DropdownMenu.tsx
View file

@ -40,9 +40,7 @@ class DropdownMenu extends React.PureComponent<Props, State> {
if (this.state.visible && !prevState.visible && menu) {
document.addEventListener('click', this.windowListener);
document.addEventListener('contextmenu', this.contextMenuListener);
menu.setAttribute(
'style', `left: ${Math.round(this.state.posX - menu.clientWidth)}px`,
);
menu.style.left = `${Math.round(this.state.posX - menu.clientWidth)}px`;
}
if (!this.state.visible && prevState.visible) {
@ -94,6 +92,7 @@ class DropdownMenu extends React.PureComponent<Props, State> {
e.stopPropagation();
this.setState({ visible: false });
}}
style={{ width: '12rem' }}
css={tw`absolute bg-white p-2 rounded border border-neutral-700 shadow-lg text-neutral-500 z-50`}
>
{this.props.children}