Andal.LND/frontend-app-authn
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix spinner position in safari

Browse Source
This commit is contained in:
uzairr
2021-01-04 12:55:56 +05:00
parent 792c82e1d4
commit ce4f54473d
5 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/logistration/LoginPage.jsx
View File

@@ -217,7 +217,7 @@ class LoginPage extends React.Component {
</div>
<LoginHelpLinks page={LOGIN_PAGE} />
<a className="field-link mt-0" href={this.getEnterPriseLoginURL()}>
{intl.formatMessage(messages['logistration.enterprise.login.help.message'])}
{intl.formatMessage(messages['logistration.enterprise.login.link.text'])}
</a>
</div>
<StatefulButton

4
src/logistration/_style.scss
View File

@@ -223,10 +223,6 @@ $apple-focus-black: $apple-black;
color: $red;
}
.no-inset{
inset: 0;
}
.full-vertical-height{
height: 100vh;
}

10
src/logistration/tests/__snapshots__/LoginPage.test.jsx.snap
View File

@@ -155,7 +155,7 @@ exports[`LoginPage should match TPA provider snapshot 1`] = `
className="field-link mt-0"
href="http://localhost:18000/enterprise/login"
>
!!! Missing message supplied to intl.formatMessage !!!
Sign in with your company or school
</a>
</div>
<button
@@ -366,7 +366,7 @@ exports[`LoginPage should match default section snapshot 1`] = `
className="field-link mt-0"
href="http://localhost:18000/enterprise/login"
>
!!! Missing message supplied to intl.formatMessage !!!
Sign in with your company or school
</a>
</div>
<button
@@ -543,7 +543,7 @@ exports[`LoginPage should match forget password alert message snapshot 1`] = `
className="field-link mt-0"
href="http://localhost:18000/enterprise/login"
>
!!! Missing message supplied to intl.formatMessage !!!
Sign in with your company or school
</a>
</div>
<button
@@ -720,7 +720,7 @@ exports[`LoginPage should match pending button state snapshot 1`] = `
className="field-link mt-0"
href="http://localhost:18000/enterprise/login"
>
!!! Missing message supplied to intl.formatMessage !!!
Sign in with your company or school
</a>
</div>
<button
@@ -923,7 +923,7 @@ exports[`LoginPage should show error message 1`] = `
className="field-link mt-0"
href="http://localhost:18000/enterprise/login"
>
!!! Missing message supplied to intl.formatMessage !!!
Sign in with your company or school
</a>
</div>
<button

4
src/reset-password/Spinner.jsx
View File

@@ -2,8 +2,8 @@ import React from 'react';
import { Spinner as ParagonSpinner } from '@edx/paragon';
const Spinner = () => (
<div className="position-absolute no-inset">
<div className="d-flex justify-content-center align-items-center full-vertical-height">
<div className="container position-absolute h-100">
<div className="d-flex justify-content-center align-items-center h-100">
<ParagonSpinner animation="border" variant="primary" />
</div>
</div>

4
src/reset-password/tests/__snapshots__/ResetPasswordPage.test.jsx.snap
View File

@@ -488,10 +488,10 @@ Array [
exports[`ResetPasswordPage show spinner component during token validation 1`] = `
<div
className="position-absolute no-inset"
className="container position-absolute h-100"
>
<div
className="d-flex justify-content-center align-items-center full-vertical-height"
className="d-flex justify-content-center align-items-center h-100"
>
<div
className="spinner-border text-primary"