asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

docs: fix z-index across projects (#5234)

Browse Source 
* docs: fix z-index across projects

* remove usage of z-index in UI docs
This commit is contained in:
Shahed Nasser
2023-09-27 16:38:59 +03:00
committed by GitHub
parent c68ba63c1b
commit 6942a907a5
17 changed files with 36 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
www/packages/docs-ui/src/components/Notification/Item/index.tsx
View File

@@ -38,7 +38,7 @@ export const NotificationItem = ({
className={clsx(
"md:max-w-[320px] md:w-[320px] w-full bg-medusa-bg-base rounded-docs_DEFAULT",
"shadow-flyout dark:shadow-flyout-dark max-h-[calc(100vh-90px)]",
"fixed md:right-docs_1 left-0 z-[400] md:m-docs_1",
"fixed md:right-docs_1 left-0 md:m-docs_1",
placement === "bottom" && "md:bottom-docs_1 bottom-0",
placement === "top" && "md:top-docs_1 top-0",
"opacity-100 transition-opacity duration-200 ease-ease",

4
www/packages/docs-ui/src/components/Notification/index.tsx
View File

@@ -52,11 +52,11 @@ export const NotificationContainer = () => {
<>
{renderFilteredNotifications(
(notification) => notification.placement === "top",
"flex fixed flex-col gap-docs_0.5 right-0 top-0 z-[400] md:w-auto w-full max-h-[calc(100vh-57px)] overflow-y-auto"
"flex fixed flex-col gap-docs_0.5 right-0 top-0 md:w-auto w-full max-h-[calc(100vh-57px)] overflow-y-auto"
)}
{renderFilteredNotifications(
(notification) => notification.placement !== "top",
"flex flex-col gap-docs_0.5 fixed right-0 bottom-0 z-[400] md:w-auto w-full max-h-[calc(100vh-57px)] overflow-y-auto"
"flex flex-col gap-docs_0.5 fixed right-0 bottom-0 md:w-auto w-full max-h-[calc(100vh-57px)] overflow-y-auto"
)}
</>
)