Revert the test case form css (#20875)

* Revert the test case form css

* Enhance ResizablePanels styling and structure in DataQuality and TestSuiteIngestion pages. Added no-right-panel-splitter class to improve layout consistency and adjusted class names for better responsiveness.

* Update column label retrieval in ParameterForm to use getEntityName function for improved clarity and consistency.
This commit is contained in:
Shailesh Parmar 2025-04-17 16:27:31 +05:30 committed by GitHub
parent d9eaa8450a
commit c07b5a905d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 10 additions and 5 deletions

View File

@ -279,10 +279,10 @@ const AddDataQualityTestV1: React.FC<AddDataQualityTestProps> = ({
return ( return (
<ResizablePanels <ResizablePanels
className="content-height-with-resizable-panel " className="content-height-with-resizable-panel no-right-panel-splitter"
firstPanel={{ firstPanel={{
className: 'content-resizable-panel-container', className: 'content-resizable-panel-container',
cardClassName: 'steps-form-container', cardClassName: 'max-width-md m-x-auto',
allowScroll: true, allowScroll: true,
children: ( children: (
<> <>

View File

@ -377,7 +377,7 @@ const ParameterForm: React.FC<ParameterFormProps> = ({ definition, table }) => {
]); ]);
const columns = table?.columns.map((column) => ({ const columns = table?.columns.map((column) => ({
label: column.displayName ?? column.name, label: getEntityName(column),
value: column.name, value: column.name,
// Check if column.name is in the combined Set to determine if it should be disabled // Check if column.name is in the combined Set to determine if it should be disabled
disabled: selectedColumnsSet.has(column.name), disabled: selectedColumnsSet.has(column.name),

View File

@ -212,6 +212,11 @@ h2.rotated-header {
} }
} }
} }
.no-right-panel-splitter {
.right-panel-splitter {
margin-left: 0;
}
}
.handle-icon-horizontal { .handle-icon-horizontal {
margin: 0 auto auto; margin: 0 auto auto;

View File

@ -124,10 +124,10 @@ const TestSuiteIngestionPage = () => {
return ( return (
<ResizablePanels <ResizablePanels
className="content-height-with-resizable-panel" className="content-height-with-resizable-panel no-right-panel-splitter"
firstPanel={{ firstPanel={{
className: 'content-resizable-panel-container', className: 'content-resizable-panel-container',
cardClassName: 'm-x-auto max-w-md', cardClassName: 'max-width-md m-x-auto',
allowScroll: true, allowScroll: true,
children: ( children: (
<div> <div>