Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Commit

Permalink
Make element web integration tests happy
Browse files Browse the repository at this point in the history
  • Loading branch information
justjanne committed Jul 6, 2022
1 parent 4713d0a commit 6f4ef0a
Show file tree
Hide file tree
Showing 3 changed files with 28 additions and 32 deletions.
53 changes: 24 additions & 29 deletions res/css/structures/_MatrixChat.scss
Original file line number Diff line number Diff line change
Expand Up @@ -15,22 +15,10 @@ limitations under the License.
*/

.mx_MatrixChat_splash {
position: relative;
height: 100%;
}

.mx_MatrixChat_splashButtons {
text-align: center;
width: 100%;
position: absolute;
bottom: 30px;
}

.mx_MatrixChat_splashBackdrop {
position: relative;
&::before {
/* Once we drop support for Firefox 102, remove this entire pseudo-element, move the background to the
.mx_MatrixChat_splashBackdrop, and use backdrop-filter for the blur instead. */
.mx_MatrixChat_splash, and use backdrop-filter for the blur instead. */
content: "";
display: block;
position: absolute;
Expand All @@ -41,28 +29,28 @@ limitations under the License.
gamma-incorrect gradient blending in browsers */
background-image:
radial-gradient(
53.85% 66.75% at 87.55% 0%,
hsla(250, 76%, 71%, 0.261) 0%,
hsla(251, 83%, 79%, 0.1305) 50%,
hsla(250, 100%, 88%, 0) 100%
53.85% 66.75% at 87.55% 0%,
hsla(250, 76%, 71%, 0.261) 0%,
hsla(251, 83%, 79%, 0.1305) 50%,
hsla(250, 100%, 88%, 0) 100%
),
radial-gradient(
41.93% 41.93% at 0% 0%,
hsla(222, 29%, 20%, 0.28) 0%,
hsla(240, 17%, 53%, 0.14) 50%,
hsla(250, 100%, 88%, 0) 100%
41.93% 41.93% at 0% 0%,
hsla(222, 29%, 20%, 0.28) 0%,
hsla(240, 17%, 53%, 0.14) 50%,
hsla(250, 100%, 88%, 0) 100%
),
radial-gradient(
100% 100% at 0% 0%,
hsla(250, 100%, 88%, 0.2436) 0%,
hsla(318, 50%, 82%, 0.1218) 50%,
hsla(0, 100%, 86%, 0) 100%
100% 100% at 0% 0%,
hsla(250, 100%, 88%, 0.2436) 0%,
hsla(318, 50%, 82%, 0.1218) 50%,
hsla(0, 100%, 86%, 0) 100%
),
radial-gradient(
106.35% 96.26% at 100% 0%,
hsla(250, 100%, 88%, 0.4) 0%,
hsla(208, 67%, 85%, 0.2) 50%,
hsla(167, 76%, 82%, 0) 100%
106.35% 96.26% at 100% 0%,
hsla(250, 100%, 88%, 0.4) 0%,
hsla(208, 67%, 85%, 0.2) 50%,
hsla(167, 76%, 82%, 0) 100%
);
/* Ugly hack to allow us to get rid of the color banding of the gradients */
/* Can be replaced with backdrop-filter, replacing the hack below, after we stop supporting Firefox 102 */
Expand All @@ -72,6 +60,13 @@ limitations under the License.
}
}

.mx_MatrixChat_splashButtons {
text-align: center;
width: 100%;
position: absolute;
bottom: 30px;
}

.mx_MatrixChat_wrapper {
display: flex;

Expand Down
5 changes: 3 additions & 2 deletions src/components/structures/MatrixChat.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -1236,6 +1236,7 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
this.screenAfterLogin.params,
);
this.screenAfterLogin = null;
MatrixClientPeg.userRegisteredWithinLastHours()
} else if (MatrixClientPeg.currentUserIsJustRegistered()) {
MatrixClientPeg.setJustRegisteredUserId(null);

Expand Down Expand Up @@ -1911,7 +1912,7 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {

if (this.state.view === Views.LOADING) {
view = (
<div className="mx_MatrixChat_splash mx_MatrixChat_splashBackdrop">
<div className="mx_MatrixChat_splash">
<Spinner />
</div>
);
Expand Down Expand Up @@ -1961,7 +1962,7 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
</div>;
}
view = (
<div className="mx_MatrixChat_splash mx_MatrixChat_splashBackdrop">
<div className="mx_MatrixChat_splash">
{ errorBox }
<Spinner />
<div className="mx_MatrixChat_splashButtons">
Expand Down
2 changes: 1 addition & 1 deletion src/components/views/dialogs/UseCaseSelection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ interface Props {

export default function UseCaseSelection({ onFinished }: Props) {
return (
<div className="mx_UseCaseSelection mx_MatrixChat_splashBackdrop">
<div className="mx_UseCaseSelection mx_MatrixChat_splash">
<div className="mx_UseCaseSelection_title mx_UseCaseSelection_fadeIn">
<h1>{ _t("You’re in") }</h1>
</div>
Expand Down

0 comments on commit 6f4ef0a

Please sign in to comment.