Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
B
Breeze
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
3
Issues
3
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
DeStream-public
Breeze
Commits
8174bc53
Commit
8174bc53
authored
Jul 12, 2017
by
Benoît
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
add a decent loading page ;)
parent
6692e4eb
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
74 additions
and
13 deletions
+74
-13
app.component.html
Breeze.UI/src/app/app.component.html
+29
-1
recover.component.html
Breeze.UI/src/app/setup/recover/recover.component.html
+1
-1
_custom.scss
Breeze.UI/src/scss/_custom.scss
+20
-0
styles.css
Breeze.UI/src/styles.css
+23
-10
styles.css.map
Breeze.UI/src/styles.css.map
+1
-1
No files found.
Breeze.UI/src/app/app.component.html
View file @
8174bc53
<div
*
ngIf=
"loading"
>
Loading...
</div>
<div
*
ngIf=
"loading"
>
<div
class=
"login d-flex align-items-center text-center"
>
<div
class=
"container"
>
<div
class=
"mb-4"
>
<svg
version=
"1.1"
id=
"loading"
xmlns=
"http://www.w3.org/2000/svg"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
x=
"0px"
y=
"0px"
viewBox=
"0 0 100 100"
enable-background=
"new 0 0 100 100"
xml:space=
"preserve"
>
<path
d=
"M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3
c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z"
>
<animateTransform
attributeName=
"transform"
attributeType=
"XML"
type=
"rotate"
dur=
"2s"
from=
"0 50 50"
to=
"360 50 50"
repeatCount=
"indefinite"
></animateTransform>
</path>
<path
d=
"M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7
c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z"
>
<animateTransform
attributeName=
"transform"
attributeType=
"XML"
type=
"rotate"
dur=
"1s"
from=
"0 50 50"
to=
"-360 50 50"
repeatCount=
"indefinite"
></animateTransform>
</path>
<path
d=
"M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5
L82,35.7z"
>
<animateTransform
attributeName=
"transform"
attributeType=
"XML"
type=
"rotate"
dur=
"2s"
from=
"0 50 50"
to=
"360 50 50"
repeatCount=
"indefinite"
></animateTransform>
</path>
</svg>
</div>
<!-- /row-->
<div>
<em
class=
"display-4 text-center"
>
Loading the future...
</em>
</div>
<!-- /row-->
</div>
<!-- /container-->
</div>
<!-- /login-->
</div>
<router-outlet
*
ngIf=
"!loading"
></router-outlet>
Breeze.UI/src/app/setup/recover/recover.component.html
View file @
8174bc53
...
...
@@ -13,7 +13,7 @@
</div>
<div
class=
"form-group"
>
<label
class=
"col-12 row"
for=
"creationDate"
>
Creation Date (optional)
</label>
<material-datepicker
class=
"form-control col-
4
"
[(
date
)]="
creationDate
"
></material-datepicker>
<material-datepicker
class=
"form-control col-
7
"
[(
date
)]="
creationDate
"
></material-datepicker>
</div>
<div
class=
"form-group"
>
<label
class=
"col-12 row"
for=
"walletMnemonic"
>
12 Secret Words
</label>
...
...
Breeze.UI/src/scss/_custom.scss
View file @
8174bc53
...
...
@@ -28,6 +28,26 @@ code {color: $spacegray !important;}
}
}
// loading
#loading
{
width
:
150px
;
height
:
150px
;
display
:inline-block
;
fill
:
$darkgray
!
important
;
}
@-webkit-keyframes
blink-caret
{
50
%
{
border-color
:
transparent
;
}
}
em
{
&
.display-4
{
font-size
:
1
.6em
;
color
:
$darkgray
;
font-weight
:
400
;
padding-right
:
5px
;
border-right
:
.1em
solid
$blue
;
white-space
:
nowrap
;
-webkit-animation
:
blink-caret
.5s
step-end
infinite
alternate
;
}
}
// datepicker
.datepicker__input
{
border-color
:
transparent
!
important
;
...
...
Breeze.UI/src/styles.css
View file @
8174bc53
...
...
@@ -26,21 +26,11 @@ code {
}
/* Mozilla Firefox 4 to 18 */
.form-control
::-moz-placeholder
{
color
:
#d4d8df
;
}
/* Mozilla Firefox 19+ */
.form-control
:-ms-input-placeholder
{
color
:
#d4d8df
;
}
/* Internet Explorer 10-11 */
.form-control
::-ms-input-placeholder
{
color
:
#d4d8df
;
}
/* Microsoft Edge */
.twitter
{
border-color
:
#2FBAFF
!important
;
color
:
#2FBAFF
!important
;
...
...
@@ -61,6 +51,29 @@ code {
color
:
#fff
!important
;
}
#loading
{
width
:
150px
;
height
:
150px
;
display
:
inline-block
;
fill
:
#1B354B
!important
;
}
@-webkit-keyframes
blink-caret
{
50
%
{
border-color
:
transparent
;
}
}
em
.display-4
{
font-size
:
1.6em
;
color
:
#1B354B
;
font-weight
:
400
;
padding-right
:
5px
;
border-right
:
0.1em
solid
#7385A0
;
white-space
:
nowrap
;
-webkit-animation
:
blink-caret
.5s
step-end
infinite
alternate
;
}
.datepicker__input
{
border-color
:
transparent
!important
;
padding
:
0
!important
;
...
...
Breeze.UI/src/styles.css.map
View file @
8174bc53
This source diff could not be displayed because it is too large. You can
view the blob
instead.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment