my_assets 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8428066f6cc393ae009df4df160c870414e873e7384d18aa6a3c6f40ee10a7c6
4
- data.tar.gz: 7b8f19b5b5e82ce2d917e2f06b6897844c0401a95a617c420ba27357a868e07c
3
+ metadata.gz: 8ccacbaf42328e08eac7badb58efa7751f034d6acaa3039ffdae79c4bc05e948
4
+ data.tar.gz: ed7538b9652f0a1344fd578c8e72ecd972211d040251d90900338cd9e5379151
5
5
  SHA512:
6
- metadata.gz: b28154f84a65639e7d587c17d6140ec1c325b55f80c832d3eec0727403df13a49e957c9baadb5755e8b6c4e82f67d817469c8c2eab6e329faa1d603a8c9106b0
7
- data.tar.gz: b130b9485dcc4774236a09bf252e75505e9dc92cce13f5f79a8001d47fb6749910a07e0102c686897b2216db2c9c210289d5b9f590ba002e05e5583158f5f331
6
+ metadata.gz: 2ec3cd19c8dcd4d841d20fe28889c9ecc35cc3ba1b810ea64b3d62739207e5a83b39e3b33f0bd8ed7c7b8d1fc46e9d95870da75ba12c56f1b01cbf6d910f9fe0
7
+ data.tar.gz: f7b0aba4faf943e98f025d92c2acc4f5311b3fddfaa36f3e7e10167b739d6e83e603bc8b709841f6643a4c754e9ae8b9d0459e15b05acf6fc55b85ef65fb8a41
@@ -1,3 +1,3 @@
1
1
  module MyAssets
2
- VERSION = "0.0.4"
2
+ VERSION = "0.0.5"
3
3
  end
@@ -0,0 +1,7 @@
1
+ $(document).on("turbolinks:click", function(){
2
+ $("#spinner").fadeIn('slow');
3
+ });
4
+
5
+ $(document).on("turbolinks:load", function(){
6
+ $("#spinner").fadeOut('slow');
7
+ });
@@ -0,0 +1,120 @@
1
+ /* Absolute Center Spinner */
2
+ .loading {
3
+ position: fixed;
4
+ z-index: 999;
5
+ height: 2em;
6
+ width: 2em;
7
+ overflow: show;
8
+ margin: auto;
9
+ top: 0;
10
+ left: 0;
11
+ bottom: 0;
12
+ right: 0;
13
+
14
+ }
15
+
16
+ /* Transparent Overlay */
17
+ .loading:before {
18
+ content: '';
19
+ display: block;
20
+ position: fixed;
21
+ top: 0;
22
+ left: 0;
23
+ width: 100%;
24
+ height: 100%;
25
+ background-color: rgba(0,0,0,0.3);
26
+ }
27
+
28
+ /* :not(:required) hides these rules from IE9 and below */
29
+ .loading:not(:required) {
30
+ /* hide "loading..." text */
31
+ font: 0/0 a;
32
+ color: transparent;
33
+ text-shadow: none;
34
+ background-color: transparent;
35
+ border: 0;
36
+ }
37
+
38
+ .loading:not(:required):after {
39
+ content: '';
40
+ display: block;
41
+ font-size: 10px;
42
+ width: 1em;
43
+ height: 1em;
44
+ margin-top: -0.5em;
45
+ -webkit-animation: spinner 1500ms infinite linear;
46
+ -moz-animation: spinner 1500ms infinite linear;
47
+ -ms-animation: spinner 1500ms infinite linear;
48
+ -o-animation: spinner 1500ms infinite linear;
49
+ animation: spinner 1500ms infinite linear;
50
+ border-radius: 0.5em;
51
+ -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
52
+ box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
53
+ }
54
+
55
+ /* Animation */
56
+
57
+ @-webkit-keyframes spinner {
58
+ 0% {
59
+ -webkit-transform: rotate(0deg);
60
+ -moz-transform: rotate(0deg);
61
+ -ms-transform: rotate(0deg);
62
+ -o-transform: rotate(0deg);
63
+ transform: rotate(0deg);
64
+ }
65
+ 100% {
66
+ -webkit-transform: rotate(360deg);
67
+ -moz-transform: rotate(360deg);
68
+ -ms-transform: rotate(360deg);
69
+ -o-transform: rotate(360deg);
70
+ transform: rotate(360deg);
71
+ }
72
+ }
73
+ @-moz-keyframes spinner {
74
+ 0% {
75
+ -webkit-transform: rotate(0deg);
76
+ -moz-transform: rotate(0deg);
77
+ -ms-transform: rotate(0deg);
78
+ -o-transform: rotate(0deg);
79
+ transform: rotate(0deg);
80
+ }
81
+ 100% {
82
+ -webkit-transform: rotate(360deg);
83
+ -moz-transform: rotate(360deg);
84
+ -ms-transform: rotate(360deg);
85
+ -o-transform: rotate(360deg);
86
+ transform: rotate(360deg);
87
+ }
88
+ }
89
+ @-o-keyframes spinner {
90
+ 0% {
91
+ -webkit-transform: rotate(0deg);
92
+ -moz-transform: rotate(0deg);
93
+ -ms-transform: rotate(0deg);
94
+ -o-transform: rotate(0deg);
95
+ transform: rotate(0deg);
96
+ }
97
+ 100% {
98
+ -webkit-transform: rotate(360deg);
99
+ -moz-transform: rotate(360deg);
100
+ -ms-transform: rotate(360deg);
101
+ -o-transform: rotate(360deg);
102
+ transform: rotate(360deg);
103
+ }
104
+ }
105
+ @keyframes spinner {
106
+ 0% {
107
+ -webkit-transform: rotate(0deg);
108
+ -moz-transform: rotate(0deg);
109
+ -ms-transform: rotate(0deg);
110
+ -o-transform: rotate(0deg);
111
+ transform: rotate(0deg);
112
+ }
113
+ 100% {
114
+ -webkit-transform: rotate(360deg);
115
+ -moz-transform: rotate(360deg);
116
+ -ms-transform: rotate(360deg);
117
+ -o-transform: rotate(360deg);
118
+ transform: rotate(360deg);
119
+ }
120
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: my_assets
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.0.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Your Name
@@ -76,6 +76,7 @@ files:
76
76
  - vendor/assets/javascripts/notify.js
77
77
  - vendor/assets/javascripts/popper.js
78
78
  - vendor/assets/javascripts/select2.js
79
+ - vendor/assets/javascripts/spinner.js
79
80
  - vendor/assets/stylesheets/bootstrap.scss
80
81
  - vendor/assets/stylesheets/bootstrap/_alert.scss
81
82
  - vendor/assets/stylesheets/bootstrap/_badge.scss
@@ -160,6 +161,7 @@ files:
160
161
  - vendor/assets/stylesheets/datatables.scss
161
162
  - vendor/assets/stylesheets/font-awesome.css.erb
162
163
  - vendor/assets/stylesheets/select2.css
164
+ - vendor/assets/stylesheets/spinner.scss
163
165
  homepage: https://github.com/regiscarlos13/my_assets
164
166
  licenses:
165
167
  - MIT