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 (
<ResizablePanels
className="content-height-with-resizable-panel "
className="content-height-with-resizable-panel no-right-panel-splitter"
firstPanel={{
className: 'content-resizable-panel-container',
cardClassName: 'steps-form-container',
cardClassName: 'max-width-md m-x-auto',
allowScroll: true,
children: (
<>

View File

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

View File

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