mirror of
https://github.com/open-metadata/OpenMetadata.git
synced 2025-07-25 18:30:00 +00:00
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:
parent
d9eaa8450a
commit
c07b5a905d
@ -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: (
|
||||||
<>
|
<>
|
||||||
|
@ -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),
|
||||||
|
@ -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;
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user