loading_screen 0.2.3 → 0.2.4
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b9cc3453dcb78c22da52bf181f887789aee30d2d
|
4
|
+
data.tar.gz: d32d574d3763deba4a00962b855f539da3d187be
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 9185220bc4a1360ece321fc7ac4cbfe0a959c6d265d86b907d1a5494b12d52fac73d81657e7b88fb7e6e3b526d44c06dbda5aaef1d9ce3cefa7ea7fa9343b830
|
7
|
+
data.tar.gz: b5b6bbdc91e0982e8a3848222a9aef1e978ab66c6e95c5422ee91997e83b39cf646f43756b549a1736066982b873b24d303e87ba6a8832b5b5079033c5ddefb6
|
data/README.md
CHANGED
@@ -14,7 +14,7 @@ gem 'loading_screen', git: https://github.com/Mujadded/loading_screen.git
|
|
14
14
|
|
15
15
|
for the stable branch
|
16
16
|
```ruby
|
17
|
-
gem 'loading_screen'
|
17
|
+
gem 'loading_screen', '~> 0.2.3'
|
18
18
|
```
|
19
19
|
|
20
20
|
And then execute:
|
@@ -63,6 +63,10 @@ There are also other loading animation available for you to choose from just add
|
|
63
63
|
<%= loading_screen style: :cube_grid %>
|
64
64
|
```
|
65
65
|
|
66
|
+
```
|
67
|
+
<%= loading_screen style: :dotted_spinner %>
|
68
|
+
```
|
69
|
+
|
66
70
|
Other animations will be available shortly...
|
67
71
|
|
68
72
|
### Using custom gif images
|
@@ -88,7 +92,7 @@ Currently only fullscreen loading animation is supported. `Div` based loading an
|
|
88
92
|
|
89
93
|
## Contributing
|
90
94
|
|
91
|
-
Bug reports and pull requests are welcome. So fork the repo and create a pull :)
|
95
|
+
Bug reports and pull requests are welcome. So fork the repo and create a pull :).
|
92
96
|
|
93
97
|
## License
|
94
98
|
|
@@ -42,6 +42,10 @@ module LoadingScreen::LoadingScreenHelper
|
|
42
42
|
content_tag :div, '', class: 'loading_screen-grid-cube' do
|
43
43
|
multiple_div_content 9, 'loading_screen-grid-cube'
|
44
44
|
end
|
45
|
+
when :dotted_spinner
|
46
|
+
content_tag :div, '', class: 'loading_screen-dot' do
|
47
|
+
multiple_div_content 2, 'loading_screen-dot'
|
48
|
+
end
|
45
49
|
when :default
|
46
50
|
content_tag :div, '', id: 'loading_screen-rotating-square', style: @color
|
47
51
|
else
|
@@ -0,0 +1,42 @@
|
|
1
|
+
.loading_screen-spinner .loading_screen-dot {
|
2
|
+
transform: none;
|
3
|
+
-webkit-animation: sk-rotate 2.0s infinite linear;
|
4
|
+
animation: sk-rotate 2.0s infinite linear;
|
5
|
+
}
|
6
|
+
|
7
|
+
#loading_screen-dot1, #loading_screen-dot2 {
|
8
|
+
width: 40px;
|
9
|
+
height: 40px;
|
10
|
+
position: absolute;
|
11
|
+
top: 0;
|
12
|
+
left: 0;
|
13
|
+
background-color: orange;
|
14
|
+
border-radius: 100%;
|
15
|
+
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
|
16
|
+
animation: sk-bounce 2.0s infinite ease-in-out;
|
17
|
+
}
|
18
|
+
|
19
|
+
#loading_screen-dot2 {
|
20
|
+
top: auto;
|
21
|
+
bottom: 0;
|
22
|
+
-webkit-animation-delay: -1.0s;
|
23
|
+
animation-delay: -1.0s;
|
24
|
+
}
|
25
|
+
|
26
|
+
@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
|
27
|
+
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
|
28
|
+
|
29
|
+
@-webkit-keyframes sk-bounce {
|
30
|
+
0%, 100% { -webkit-transform: scale(0.0) }
|
31
|
+
50% { -webkit-transform: scale(1.0) }
|
32
|
+
}
|
33
|
+
|
34
|
+
@keyframes sk-bounce {
|
35
|
+
0%, 100% {
|
36
|
+
transform: scale(0.0);
|
37
|
+
-webkit-transform: scale(0.0);
|
38
|
+
} 50% {
|
39
|
+
transform: scale(1.0);
|
40
|
+
-webkit-transform: scale(1.0);
|
41
|
+
}
|
42
|
+
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: loading_screen
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.2.
|
4
|
+
version: 0.2.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Mujadded Al Rabbani Alif
|
@@ -10,7 +10,7 @@ authors:
|
|
10
10
|
autorequire:
|
11
11
|
bindir: exe
|
12
12
|
cert_chain: []
|
13
|
-
date: 2018-
|
13
|
+
date: 2018-03-10 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: bundler
|
@@ -100,6 +100,7 @@ files:
|
|
100
100
|
- vendor/assets/images/.keep
|
101
101
|
- vendor/assets/javascripts/loading_screen.js
|
102
102
|
- vendor/assets/stylesheets/loading_screen-default.css
|
103
|
+
- vendor/assets/stylesheets/loading_screen-dot-spinner.css
|
103
104
|
- vendor/assets/stylesheets/loading_screen-double-bounce.css
|
104
105
|
- vendor/assets/stylesheets/loading_screen-grid-cube.css
|
105
106
|
- vendor/assets/stylesheets/loading_screen-rectangle-bounce.css
|