Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 00:48:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Popoup drawer styles fixes (#5219)

Browse source 
* styles fixes

* typos
This commit is contained in:
Arpit 2023-01-05 22:39:14 +05:30 committed by GitHub
parent 2ab66d1dd0
commit 774da9c3cd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/_styles/left-sidebar.scss
View file

@ -475,7 +475,7 @@
}
.sidebar-h-100-popover {
height: 100vh;
margin-top: 45px;
margin-top: 0px;
}
.sidebar-h-100-popover-inspector {
min-width: 422px;

4
frontend/src/_styles/popover.scss
View file

@ -49,5 +49,7 @@
}
}
[data-radix-popper-content-wrapper] { transform: translate3d(47px,0,0) !important; }
div[data-radix-popper-content-wrapper]:has(.PopoverContent.drawer-height) {
transform: translate3d(47px,45px,0) !important;
}

6
frontend/src/_ui/Popover/index.jsx
View file

@ -27,7 +27,7 @@ const PopoverComponent = ({
return {};
};
return (
<Popover.Root {...(open && { open })} onOpenChange={handleToggle && handleToggle} className="popover-root">
<Popover.Root {...(open && { open })} onOpenChange={handleToggle && handleToggle}>
<Popover.Trigger asChild>
<a className={cx({ 'w-100': fullWidth })}>{children}</a>
</Popover.Trigger>
@ -35,7 +35,9 @@ const PopoverComponent = ({
<Popover.Content
style={computeStyle()}
side={side}
className={`PopoverContent ${popoverContentClassName} ${darkMode && 'dark'}`}
className={`PopoverContent ${popoverContentClassName} ${darkMode && 'dark'} ${
popoverContentHeight && 'drawer-height'
}`}
>
{popoverContent}
{!hideCloseIcon && (