Unverified Commit 2a5b33c3 authored by Pieterjan Vanhoof's avatar Pieterjan Vanhoof Committed by GitHub

Merge pull request #353 from stratisproject/design

Animation and minor details fixed
parents 12ff9a07 64ecb47d
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</div> </div>
<div class="text-center"> <div class="text-center">
<button type="button" class="btn btn-secondary" data-dismiss="modal" aria-label="Close" (click)="activeModal.close('Close click')">Cancel</button> <button type="button" class="btn btn-secondary" data-dismiss="modal" aria-label="Close" (click)="activeModal.close('Close click')">Cancel</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Logout" (click)="onLogout()">Yes</button> <button type="button" class="btn btn-primary ml-2" data-dismiss="modal" aria-label="Logout" (click)="onLogout()">Yes</button>
</div> </div>
<br> <br>
</form> </form>
......
...@@ -536,23 +536,24 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000); ...@@ -536,23 +536,24 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000);
// Loading spinner // Loading spinner
.spinner { .spinner {
width: 40px; width: 30px;
height: 40px; height: 30px;
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
margin: 1em 0;
} }
.double-bounce1, .double-bounce2 { .double-bounce1, .double-bounce2 {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
background-color: #333; background-color: $black;
opacity: 0.6; opacity: 0.6;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out; -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out;
} }
...@@ -568,10 +569,10 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000); ...@@ -568,10 +569,10 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000);
} }
@keyframes sk-bounce { @keyframes sk-bounce {
0%, 100% { 0%, 100% {
transform: scale(0.0); transform: scale(0.0);
-webkit-transform: scale(0.0); -webkit-transform: scale(0.0);
} 50% { } 50% {
transform: scale(1.0); transform: scale(1.0);
-webkit-transform: scale(1.0); -webkit-transform: scale(1.0);
} }
......
...@@ -870,17 +870,18 @@ input.cmn-toggle-round-flat:checked + label:after { ...@@ -870,17 +870,18 @@ input.cmn-toggle-round-flat:checked + label:after {
} }
.spinner { .spinner {
width: 40px; width: 30px;
height: 40px; height: 30px;
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
margin: 1em 0;
} }
.double-bounce1, .double-bounce2 { .double-bounce1, .double-bounce2 {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
background-color: #333; background-color: #2E475C;
opacity: 0.6; opacity: 0.6;
position: absolute; position: absolute;
top: 0; top: 0;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment