fix: update machine deploy form UI

canonical · Feb 22, 2024 · 441fd8f · 441fd8f
1 parent 7a91c70
commit 441fd8f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/app/base/components/SectionHeader/_index.scss b/src/app/base/components/SectionHeader/_index.scss
@@ -1,6 +1,11 @@
 @mixin SectionHeader {
   .section-header {
     padding-top: $spv--medium;
+    position: sticky;
+    top: 0;
+    background: $color-x-light;
+    border-bottom: $border;
+    z-index: 2; // Ensure title displays above notification bar when scrolled
   }
 
   .section-header__title {

diff --git a/src/app/machines/components/MachineForms/MachineActionFormWrapper/DeployForm/DeployForm.tsx b/src/app/machines/components/MachineForms/MachineActionFormWrapper/DeployForm/DeployForm.tsx
@@ -171,6 +171,7 @@ export const DeployForm = ({
       onSuccess={clearSidePanelContent}
       processingCount={processingCount}
       selectedCount={machines ? machines.length : selectedCount ?? 0}
+      showProcessingCount={false}
       validationSchema={DeploySchema}
     >
       <DeployFormFields />

diff --git a/...ts/MachineForms/MachineActionFormWrapper/DeployForm/DeployFormFields/DeployFormFields.tsx b/...ts/MachineForms/MachineActionFormWrapper/DeployForm/DeployFormFields/DeployFormFields.tsx
@@ -286,7 +286,6 @@ export const DeployFormFields = (): JSX.Element => {
             </Col>
           </Row>
         )}
-        <hr className="u-sv1" />
       </div>
     </>
   );