Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-24 22:41:28 -05:00
Code Issues Activity

fix(console): fix toggle tip z-index on modal layer (#3917)

Browse source
This commit is contained in:
Xiao Yijun 2023-05-29 10:50:16 +08:00 • committed by GitHub
parent a9c34cd0b6
commit 43dd5e6d11
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/console/src/components/Tip/ToggleTip/index.module.scss
View file

@ -2,8 +2,8 @@
.overlay {
background: transparent;
position: fixed;
inset: 0;
padding: unset;
overflow-y: unset;
.content {
position: relative;

4
packages/console/src/components/Tip/ToggleTip/index.tsx
View file

@ -1,8 +1,10 @@
import classNames from 'classnames';
import type { ReactNode } from 'react';
import { useCallback, useState, useRef } from 'react';
import ReactModal from 'react-modal';
import usePosition from '@/hooks/use-position';
import * as modalStyles from '@/scss/modal.module.scss';
import type { HorizontalAlignment } from '@/types/positioning';
import { onKeyDownHandler } from '@/utils/a11y';
@ -79,7 +81,7 @@ function ToggleTip({
shouldCloseOnEsc
isOpen={isOpen}
className={styles.content}
overlayClassName={styles.overlay}
overlayClassName={classNames(modalStyles.overlay, styles.overlay)}
onRequestClose={onClose}
onAfterOpen={mutate}
>