Merge pull request #49 from scribe-security/SH-5831-BUG-The-footer-li…

…nks-go-out-form-border-if-screen-resolution-is-1512-982-default-on-MAC fix(SH-5831)
scribe-security · Aug 20, 2024 · 6b0b6a5 · 6b0b6a5
2 parents d542181 + 29a45ad
commit 6b0b6a5
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 6 deletions.
diff --git a/web/src/custom.css b/web/src/custom.css
@@ -109,7 +109,7 @@ a[href^="https://unsplash.com/@theforestbirds"] {display:none !important}
 a[href^="https://goauthentik.io?utm_source=authentik&utm_medium=flow"] {display:none !important;}
 
 .pf-c-drawer__content, .pf-c-drawer__panel, .pf-c-drawer__panel-main {
-    overflow: visible !important;
+    /*overflow: visible !important;*/
 }
 
 .pf-c-login__main > :last-child:not(.pf-c-login__main-footer) {
@@ -118,15 +118,35 @@ a[href^="https://goauthentik.io?utm_source=authentik&utm_medium=flow"] {display:
 .pf-c-login__main-header.pf-c-brand.ak-brand{
     padding-top: 2rem;
 }
-.pf-c-login__main{
-    overflow-scrolling: auto;
+.ak-login-container{
+    /*overflow-scrolling: auto;*/
     padding-top: 1rem;
     overflow: auto;
+    height: fit-content;
 }
 
-.pf-c-login__main::-webkit-scrollbar-thumb {
+.pf-c-drawer__body {
+    overflow: hidden;
+}
+
+.pf-c-list.pf-m-inline li {
+    margin-right: 1rem!important;
+    margin-left: 1rem!important;
+}
+.pf-c-list.pf-m-inline li:not(:first-child) {
+    display: none;
+}
+
+.tc-text {
+    padding: 1rem;
+    color: var(--ak-dark-foreground);
+    text-align: center;
+}
+
+.ak-login-container::-webkit-scrollbar-thumb {
     overflow: scroll;
-    background-color: var(--ak-dark-foreground-link);
+    /*background-color: var(--pf-c-button--m-primary--BackgroundColor);*/
+    background-color: var(--ak-dark-foreground);
 }
 
 .pf-c-login.sidebar_left .ak-login-container, .pf-c-login.sidebar_right .ak-login-container {

diff --git a/web/src/flow/FlowExecutor.ts b/web/src/flow/FlowExecutor.ts
@@ -492,7 +492,7 @@ export class FlowExecutor extends Interface implements StageHost {
                                             ${this.renderChallengeWrapper()}
                                         </div>
                                         <footer class="pf-c-login__footer">
-                                            <div style="padding: 1rem; text-align: center; color: #18191a">
+                                            <div class="tc-text">
                                                 <span>By logging in or signing up, you agree to abide by our policies, including our
                                                 <a href="https://scribesecurity.com/wp-content/uploads/2022/05/terms_of_use.pdf" target="_blank">
                                                     Terms of Use