From 695e4392c1737578d4b368cbbd7a0e57d482a933 Mon Sep 17 00:00:00 2001
From: Bram Wiepjes <bramw@protonmail.com>
Date: Mon, 18 Feb 2019 21:51:06 +0100
Subject: [PATCH] changed button loading a bit
---
web-frontend/public/login.html | 4 ++--
web-frontend/src/scss/base/_helpers.scss | 6 +++++-
web-frontend/src/scss/components/_button.scss | 2 +-
3 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/web-frontend/public/login.html b/web-frontend/public/login.html
index 8c9734c9a..555a8f001 100644
--- a/web-frontend/public/login.html
+++ b/web-frontend/public/login.html
@@ -9,7 +9,7 @@
<div class="box-page">
<!-- login page -->
- <div class="box login-page login-page-login hidden">
+ <div class="box login-page login-page-login">
<h1 class="box-title">Baserow</h1>
<div class="alert alert-error alert-has-icon">
<div class="alert-icon">
@@ -94,7 +94,7 @@
</div>
<!-- sign up page -->
- <div class="box login-page login-page-signup">
+ <div class="box login-page login-page-signup hidden">
<h1 class="box-title">Sign up</h1>
<form>
<div class="control">
diff --git a/web-frontend/src/scss/base/_helpers.scss b/web-frontend/src/scss/base/_helpers.scss
index e63071912..cfb01246a 100644
--- a/web-frontend/src/scss/base/_helpers.scss
+++ b/web-frontend/src/scss/base/_helpers.scss
@@ -11,7 +11,11 @@
transform: rotate(0deg);
}
+ 68% {
+ transform: rotate(880deg);
+ }
+
100% {
- transform: rotate(360deg);
+ transform: rotate(1080deg);
}
}
diff --git a/web-frontend/src/scss/components/_button.scss b/web-frontend/src/scss/components/_button.scss
index 72570c7b2..b731b1414 100644
--- a/web-frontend/src/scss/components/_button.scss
+++ b/web-frontend/src/scss/components/_button.scss
@@ -80,6 +80,6 @@
border-radius: 50%;
border: 0.25em solid #fff;
border-color: #fff transparent #fff transparent;
- animation: spin 1.2s linear infinite;
+ animation: spin 1.8s linear infinite;
}
}