B: Fix z-index

This commit is contained in:
Ivan 2025-02-25 13:24:06 +03:00
parent 542b137622
commit 90d35484ad
8 changed files with 8 additions and 8 deletions

View File

@ -39,7 +39,7 @@ export function BadgeHelp({ topic, padding = 'p-1', ...restProps }: BadgeHelpPro
return ( return (
<div tabIndex={-1} id={`help-${topic}`} className={padding}> <div tabIndex={-1} id={`help-${topic}`} className={padding}>
<IconHelp size='1.25rem' className='icon-primary' /> <IconHelp size='1.25rem' className='icon-primary' />
<Tooltip clickable anchorSelect={`#help-${topic}`} layer='z-modalTooltip' {...restProps}> <Tooltip clickable anchorSelect={`#help-${topic}`} layer='z-modal-tooltip' {...restProps}>
<Suspense fallback={<Loader />}> <Suspense fallback={<Loader />}>
<div className='relative' onClick={event => event.stopPropagation()}> <div className='relative' onClick={event => event.stopPropagation()}>
<div className='absolute right-0 text-sm top-[0.4rem] clr-input'> <div className='absolute right-0 text-sm top-[0.4rem] clr-input'>

View File

@ -33,7 +33,7 @@ export function TopicsDropdown({ activeTopic, onChangeTopic }: TopicsDropdownPro
className={clsx( className={clsx(
'absolute left-0 w-[13.5rem]', // prettier: split-lines 'absolute left-0 w-[13.5rem]', // prettier: split-lines
'flex flex-col', 'flex flex-col',
'z-modalTooltip', 'z-modal-tooltip',
'text-xs sm:text-sm', 'text-xs sm:text-sm',
'select-none', 'select-none',
{ {

View File

@ -125,7 +125,7 @@ export function EditorLibraryItem({ schema, isAttachedToOSS }: EditorLibraryItem
onClick={handleEditEditors} onClick={handleEditEditors}
disabled={isModified || isProcessing || role < UserRole.OWNER} disabled={isModified || isProcessing || role < UserRole.OWNER}
/> />
<Tooltip anchorSelect='#editor_stats' layer='z-modalTooltip'> <Tooltip anchorSelect='#editor_stats' layer='z-modal-tooltip'>
<Suspense fallback={<Loader scale={2} />}> <Suspense fallback={<Loader scale={2} />}>
<InfoUsers items={schema.editors} prefix={prefixes.user_editors} header='Редакторы' /> <InfoUsers items={schema.editors} prefix={prefixes.user_editors} header='Редакторы' />
</Suspense> </Suspense>

View File

@ -120,7 +120,7 @@ export function PickSchema({
className='mt-1' className='mt-1'
onClick={() => locationMenu.toggle()} onClick={() => locationMenu.toggle()}
/> />
<Dropdown isOpen={locationMenu.isOpen} stretchLeft className='w-[20rem] h-[12.5rem] z-modalTooltip mt-0'> <Dropdown isOpen={locationMenu.isOpen} stretchLeft className='w-[20rem] h-[12.5rem] z-modal-tooltip mt-0'>
<SelectLocation <SelectLocation
value={filterLocation} value={filterLocation}
prefix={prefixes.folders_list} prefix={prefixes.folders_list}

View File

@ -43,7 +43,7 @@ export function SelectLocationContext({
/> />
<Dropdown <Dropdown
isOpen={menu.isOpen} isOpen={menu.isOpen}
className={clsx('w-[20rem] h-[12.5rem] z-modalTooltip mt-[-0.25rem]', className)} className={clsx('w-[20rem] h-[12.5rem] z-modal-tooltip mt-[-0.25rem]', className)}
style={style} style={style}
> >
<SelectLocation <SelectLocation

View File

@ -44,7 +44,7 @@ export function SelectLocationHead({
onClick={menu.toggle} onClick={menu.toggle}
/> />
<Dropdown isOpen={menu.isOpen} className='z-modalTooltip'> <Dropdown isOpen={menu.isOpen} className='z-modal-tooltip'>
{Object.values(LocationHead) {Object.values(LocationHead)
.filter(head => !excluded.includes(head)) .filter(head => !excluded.includes(head))
.map((head, index) => { .map((head, index) => {

View File

@ -165,7 +165,7 @@ export function ToolbarSearch({ total, filtered }: ToolbarSearchProps) {
text={head ?? '//'} text={head ?? '//'}
/> />
<Dropdown isOpen={headMenu.isOpen} stretchLeft className='z-modalTooltip'> <Dropdown isOpen={headMenu.isOpen} stretchLeft className='z-modal-tooltip'>
<DropdownButton title='Переключение в режим Проводник' onClick={handleToggleFolder}> <DropdownButton title='Переключение в режим Проводник' onClick={handleToggleFolder}>
<div className='inline-flex items-center gap-3'> <div className='inline-flex items-center gap-3'>
<IconFolderTree size='1rem' className='clr-text-controls' /> <IconFolderTree size='1rem' className='clr-text-controls' />

View File

@ -43,7 +43,7 @@ export function SchemasGuide({ schema }: SchemasGuideProps) {
<IconHelp size='1.25rem' className='icon-primary' /> <IconHelp size='1.25rem' className='icon-primary' />
<Tooltip <Tooltip
anchorSelect={`#${globalIDs.graph_schemas}`} anchorSelect={`#${globalIDs.graph_schemas}`}
layer='z-modalTooltip' layer='z-modal-tooltip'
place='right' place='right'
className='max-w-[25rem] break-words text-base' className='max-w-[25rem] break-words text-base'
> >