Accords-Library-Archive
/
accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

Fix select and tooltip z-index

This commit is contained in:
DrMint 2023-06-03 21:19:13 +02:00
parent 66dbb29871
commit 7bde24adaa
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/AppLayout.tsx
View File

@ -230,12 +230,12 @@ export const AppLayout = ({
<div <div
id={Ids.SubPanel} id={Ids.SubPanel}
className={cJoin( className={cJoin(
`z-40 overflow-y-scroll border-r border-dark/50 bg-light `overflow-y-scroll border-r border-dark/50 bg-light
transition-transform duration-300 scrollbar-none`, transition-transform duration-300 scrollbar-none`,
cIf(!isIOS, "texture-paper-dots"), cIf(!isIOS, "texture-paper-dots"),
cIf( cIf(
is1ColumnLayout, is1ColumnLayout,
"justify-self-end border-r-0 [grid-area:content]", "z-40 justify-self-end border-r-0 [grid-area:content]",
"[grid-area:sub]" "[grid-area:sub]"
), ),
cIf(is1ColumnLayout && isScreenAtLeastXs, "w-[min(30rem,90%)] border-l"), cIf(is1ColumnLayout && isScreenAtLeastXs, "w-[min(30rem,90%)] border-l"),
@ -248,10 +248,10 @@ export const AppLayout = ({
{/* Main panel */} {/* Main panel */}
<div <div
className={cJoin( className={cJoin(
`z-40 overflow-y-scroll border-r border-dark/50 bg-light `overflow-y-scroll border-r border-dark/50 bg-light
transition-transform duration-300 scrollbar-none`, transition-transform duration-300 scrollbar-none`,
cIf(!isIOS, "texture-paper-dots"), cIf(!isIOS, "texture-paper-dots"),
cIf(is1ColumnLayout, "justify-self-start [grid-area:content]", "[grid-area:main]"), cIf(is1ColumnLayout, "z-40 justify-self-start [grid-area:content]", "[grid-area:main]"),
cIf(is1ColumnLayout && isScreenAtLeastXs, "w-[min(30rem,90%)]"), cIf(is1ColumnLayout && isScreenAtLeastXs, "w-[min(30rem,90%)]"),
cIf(!isMainPanelOpened && is1ColumnLayout, "-translate-x-full") cIf(!isMainPanelOpened && is1ColumnLayout, "-translate-x-full")
)}> )}>

2
src/components/Inputs/Select.tsx
View File

@ -52,7 +52,7 @@ export const Select = ({
ref={ref} ref={ref}
className={cJoin( className={cJoin(
"relative text-center transition-filter", "relative text-center transition-filter",
cIf(isOpened, "z-10 drop-shadow-lg shadow-shade"), cIf(isOpened, "z-20 drop-shadow-lg shadow-shade"),
className className
)}> )}>
<div <div

2
src/styles/tippy.css
View File

@ -59,5 +59,5 @@
border-style: solid; border-style: solid;
} }
.tippy-content { .tippy-content {
@apply relative z-10 px-6 py-4; @apply relative px-6 py-4;
} }