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
id={Ids.SubPanel}
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`,
cIf(!isIOS, "texture-paper-dots"),
cIf(
is1ColumnLayout,
"justify-self-end border-r-0 [grid-area:content]",
"z-40 justify-self-end border-r-0 [grid-area:content]",
"[grid-area:sub]"
),
cIf(is1ColumnLayout && isScreenAtLeastXs, "w-[min(30rem,90%)] border-l"),
@ -248,10 +248,10 @@ export const AppLayout = ({
{/* Main panel */}
<div
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`,
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(!isMainPanelOpened && is1ColumnLayout, "-translate-x-full")
)}>

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

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

2
src/styles/tippy.css
View File

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