From 518b21c6ae117cc30810a6f656cf612b6e8393c8 Mon Sep 17 00:00:00 2001
From: mfrances17 <39063664+mfrances17@users.noreply.github.com>
Date: Tue, 16 Mar 2021 08:35:45 -0400
Subject: [PATCH] Nonscrolling action buttons for long forms (#437)

* nonscroll action bar for long forms

* changes from PR comments

* fix border
---
 public/index.css                                   | 14 +++++++++++++-
 src/clients/ClientSettings.tsx                     |  2 +-
 src/user-federation/UserFederationLdapSettings.tsx |  2 +-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/public/index.css b/public/index.css
index b09a9e6ff5..89f2e17079 100644
--- a/public/index.css
+++ b/public/index.css
@@ -7,4 +7,16 @@
 
 .keycloak__form {
   max-width: 1024px;
-}
\ No newline at end of file
+}
+
+.keycloak__form_actions {
+  position: fixed;
+  bottom: 0px;
+  background-color: var(--pf-c-page__main-section--m-light--BackgroundColor);
+  padding-top: var(--pf-global--spacer--md);
+  padding-bottom: var(--pf-global--spacer--sm);
+  padding-left: var(--pf-global--spacer--md);
+  width: 100%;
+  border-top: 1px solid var(--pf-global--BorderColor--100);
+  margin-left: calc(-1 * var(--pf-global--spacer--lg));
+}
diff --git a/src/clients/ClientSettings.tsx b/src/clients/ClientSettings.tsx
index a88c66f702..dfc022f65d 100644
--- a/src/clients/ClientSettings.tsx
+++ b/src/clients/ClientSettings.tsx
@@ -143,7 +143,7 @@ export const ClientSettings = ({ save }: ClientSettingsProps) => {
               ref={register}
             />
           </FormGroup>
-          <ActionGroup>
+          <ActionGroup className="keycloak__form_actions">
             <Button variant="primary" onClick={save}>
               {t("common:save")}
             </Button>
diff --git a/src/user-federation/UserFederationLdapSettings.tsx b/src/user-federation/UserFederationLdapSettings.tsx
index 9ebb83a628..b15ba8ffb5 100644
--- a/src/user-federation/UserFederationLdapSettings.tsx
+++ b/src/user-federation/UserFederationLdapSettings.tsx
@@ -296,7 +296,7 @@ export const UserFederationLdapSettings = () => {
           <LdapSettingsAdvanced form={form} />
         </ScrollForm>
         <Form onSubmit={form.handleSubmit(save)}>
-          <ActionGroup>
+          <ActionGroup className="keycloak__form_actions">
             <Button
               isDisabled={!form.formState.isDirty}
               variant="primary"