From 270198c7568e9771f32018ca76df87aaa8452704 Mon Sep 17 00:00:00 2001
From: 2427021 <s.a.vink@students.uu.nl>
Date: Fri, 29 Mar 2024 16:33:10 +0100
Subject: [PATCH] feat(visManager): schema settings
---
libs/shared/lib/components/dropdowns/index.tsx | 4 ++--
libs/shared/lib/schema/panel/schema.tsx | 4 ++--
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/libs/shared/lib/components/dropdowns/index.tsx b/libs/shared/lib/components/dropdowns/index.tsx
index 2d840e6d3..c25beb62c 100644
--- a/libs/shared/lib/components/dropdowns/index.tsx
+++ b/libs/shared/lib/components/dropdowns/index.tsx
@@ -11,7 +11,7 @@ type DropdownContainerProps = {
export const DropdownContainer = React.forwardRef<HTMLDivElement, DropdownContainerProps>(
({ children, className }, ref: React.ForwardedRef<HTMLDivElement>) => {
return (
- <div className={`border-1 border-secondary-800 relative inline-block text-left ${className && className}`} ref={ref}>
+ <div className={`relative inline-block text-left ${className && className}`} ref={ref}>
{children}
</div>
);
@@ -32,7 +32,7 @@ export function DropdownButton({ title, onClick, size, disabled }: DropdownButto
return (
<>
<button
- className={`inline-flex w-full justify-between items-center gap-x-1.5 rounded bg-light ${textSizeClass} ${paddingClass} text-secondary-900 shadow-sm ring-1 ring-inset ring-secondary-300 hover:bg-secondary-50 disabled:bg-secondary-100 disabled:cursor-not-allowed disabled:text-secondary-400`}
+ className={`inline-flex border w-full justify-between items-center gap-x-1.5 rounded bg-light ${textSizeClass} ${paddingClass} text-secondary-900 shadow-sm hover:bg-secondary-50 disabled:bg-secondary-100 disabled:cursor-not-allowed disabled:text-secondary-400`}
onClick={onClick}
disabled={disabled}
>
diff --git a/libs/shared/lib/schema/panel/schema.tsx b/libs/shared/lib/schema/panel/schema.tsx
index 7c8a7ae8d..954a301b0 100644
--- a/libs/shared/lib/schema/panel/schema.tsx
+++ b/libs/shared/lib/schema/panel/schema.tsx
@@ -51,7 +51,7 @@ export const Schema = (props: Props) => {
const [edges, setEdges, onEdgesChange] = useEdgesState([] as Edge[]);
const [firstUserConnection, setFirstUserConnection] = useState<boolean>(true);
const [auth, setAuth] = useState(props.auth);
- const [expanded, setExpanded] = useState<boolean>(true);
+ const [expanded, setExpanded] = useState<boolean>(false);
const reactFlowInstanceRef = useRef<ReactFlowInstance | null>(null);
@@ -147,7 +147,7 @@ export const Schema = (props: Props) => {
<span className="text-xs font-semibold text-secondary-800 ml-2">Schema settings</span>
</div>
{expanded && (
- <div className="h-full w-full overflow-y-hidden">
+ <div className="h-full w-full overflow-y-auto">
<SchemaDialog open={toggleSchemaSettings} onClose={() => setToggleSchemaSettings(false)} />
</div>
)}
--
GitLab