scrollytelling-pageflow-navigation 1.13.3 → 1.14.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/scrollytelling/pageflow/navigation.scss +1 -1
  3. data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_entry.scss +2 -2
  4. data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_home_button.scss +2 -2
  5. data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_mobile_navigation.scss +118 -0
  6. data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_navigation.scss +1 -1
  7. data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_options.scss +4 -4
  8. data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_parent_page.scss +2 -6
  9. data/lib/scrollytelling/pageflow/navigation/version.rb +1 -1
  10. metadata +3 -3
  11. data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_mobile.scss +0 -68
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 78ab67822117470ef70c92891c404846435e476b
4
- data.tar.gz: 6a56efa186008f6c4be5e75c7c2b128d3c3e8ab9
3
+ metadata.gz: e41b9ccc92d4c55a68533c85fd9f21f76361ff8a
4
+ data.tar.gz: 8051dd12fc7f7d355a53679f5458ecafc1efe5ef
5
5
  SHA512:
6
- metadata.gz: ac608c5388d053f5afa3be4b496b41cc48f118e8f5f2c2ce6635bfbec9ec2a76eede06b108a49b06553cc5e5952c2a93ee72b815a5dbbcc7f9800960113e80a1
7
- data.tar.gz: fd5d8ffa09e9c5340a84628bbe9f6e1774a007d9a940114827d0c9fa3483b1abbd7b986341cd33ffb47e4d96b2db464c8156a6a658867c16ea46c9fd6f0d3375
6
+ metadata.gz: 1d17c6d60b5b49a8a51e3c4f9321eda90f5d009906a13af01cbecab73a805bf3217bb201bda5a439471797071ca218479afcbbfbb90c9d319eb9a0cc5ec30faf
7
+ data.tar.gz: e35ad6117b5d7af34f728a7f87ea230e291831b3431e7cb0ac9b85600e9120f82dc8812d02836d48f0e12f4f429ec2e4c04a1426f86b50f85a437a10afd7f5ec
data/app/assets/stylesheets/scrollytelling/pageflow/navigation.scss CHANGED
@@ -35,7 +35,7 @@ ul.scrolly-nav-box {
35
35
  }
36
36
 
37
37
  @import "./navigation/navigation";
38
- @import "./navigation/mobile";
38
+ @import "./navigation/mobile_navigation";
39
39
  @import "./navigation/options";
40
40
  @import "./navigation/entry";
41
41
  @import "./navigation/parent_page";
data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_entry.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  .entry {
2
2
  .indicator {
3
3
  @include scrollytelling-indicator;
4
- left: 8%;
5
- bottom: 2%;
4
+ left: 100px;
5
+ bottom: 20px;
6
6
  }
7
7
 
8
8
  .indicator.invert {
data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_home_button.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  ul.scrollytelling-home_button {
2
2
  @include scrollytelling-indicator;
3
- left: 8%;
4
- top: 2%;
3
+ left: 100px;
4
+ top: 20px;
5
5
 
6
6
  a {
7
7
  color: $scrollytelling-nav-color;
data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_mobile_navigation.scss ADDED
@@ -0,0 +1,118 @@
1
+ .navigation_mobile {
2
+ .parent_page {
3
+ display: none;
4
+ /* hide here because we include it in all nav */
5
+ }
6
+
7
+ .imprint_mobile .credits a,
8
+ .overview_mobile .credits a,
9
+ .sharing_mobile .credits a {
10
+ margin-top: 0;
11
+ color: inherit;
12
+ display: inline;
13
+ }
14
+
15
+ &.active {
16
+ .sharing_mobile {
17
+ a.share.facebook {
18
+ p:before {
19
+ font-family: "FontAwesome";
20
+ content: "\f082";
21
+ margin-right: 12px;
22
+ }
23
+ }
24
+
25
+ a.share.twitter {
26
+ p:before {
27
+ font-family: "FontAwesome";
28
+ content: "\f081";
29
+ margin-right: 12px;
30
+ }
31
+ }
32
+
33
+ a.share.whatsapp {
34
+ img {
35
+ width: 18px;
36
+ height: 18px;
37
+ border: none;
38
+ float: left;
39
+ margin-right: 10px;
40
+ padding-top: 4px;
41
+ }
42
+ }
43
+
44
+ li {
45
+ background-color: darkgrey;
46
+ font-family: sourcesanspro;
47
+
48
+ > a {
49
+ color: white;
50
+ padding-top: 10px;
51
+ height: 50px;
52
+ margin-left: 24px;
53
+ }
54
+
55
+ > a:before {
56
+ display: none;
57
+ }
58
+
59
+ p {
60
+ margin: 0;
61
+ }
62
+ }
63
+ }
64
+
65
+ .menu.index {
66
+ &:before {
67
+ font-family: "FontAwesome";
68
+ content: "\f00d";
69
+ font-size: $scrollytelling-fa-size;
70
+ }
71
+ }
72
+ }
73
+
74
+ .imprint_mobile:after,
75
+ .menu.imprint,
76
+ .menu.index,
77
+ .menu.sharing,
78
+ .overview_mobile:after,
79
+ .sharing_mobile:after {
80
+ background-image: none;
81
+ }
82
+
83
+ .menu.index {
84
+ &:before {
85
+ font-family: "FontAwesome";
86
+ content: "\f0c9";
87
+ font-size: $scrollytelling-fa-size;
88
+ }
89
+ }
90
+
91
+ .menu.sharing {
92
+ &:before {
93
+ font-family: "FontAwesome";
94
+ content: "\f1e0";
95
+ font-size: $scrollytelling-fa-size;
96
+ }
97
+ }
98
+
99
+ .menu.imprint {
100
+ &:before {
101
+ font-family: "FontAwesome";
102
+ content: "\f05a";
103
+ font-size: $scrollytelling-fa-size;
104
+ }
105
+ }
106
+
107
+ &.page-invert {
108
+ .menu.index:before {
109
+ color: $scrollytelling-invert-nav-color;
110
+ }
111
+ }
112
+
113
+ &.page-invert.active {
114
+ .menu.index:before {
115
+ color: white;
116
+ }
117
+ }
118
+ }
data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_navigation.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  }
7
7
 
8
8
  #scrollytelling-pageflow-navigation {
9
- right: 2.3%;
9
+ right: 70px;
10
10
  position: absolute;
11
11
  z-index: 100;
12
12
  top: 50%;
data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_options.scss CHANGED
@@ -39,8 +39,8 @@ ul.scrollytelling-options {
39
39
  }
40
40
 
41
41
  ul.scrollytelling-sharing {
42
- top: 2%;
43
- right: 2%;
42
+ top: 20px
43
+ right: 70px;
44
44
  width: 200px;
45
45
  max-width: 80%;
46
46
  height: 40px;
@@ -59,8 +59,8 @@ ul.scrollytelling-sharing {
59
59
  }
60
60
 
61
61
  ul.scrollytelling-options {
62
- bottom: 2%;
63
- right: 22px;
62
+ bottom: 20px;
63
+ right: 70px;
64
64
 
65
65
  .audio-playing:before { content: "\f028"; }
66
66
  .audio-muted:before { content: "\f026"; }
data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_parent_page.scss CHANGED
@@ -1,14 +1,10 @@
1
1
  .parent_page {
2
2
  @include scrollytelling-indicator;
3
- left: 8%;
4
- bottom: 7%;
3
+ left: 100px;
4
+ bottom: 70px;
5
5
  opacity: 0;
6
6
  transition: opacity 1s ease;
7
7
 
8
- @include desktop {
9
- bottom: 5%;
10
- }
11
-
12
8
  &:before {
13
9
  content: "\f0a8";
14
10
  font-family: "FontAwesome";
data/lib/scrollytelling/pageflow/navigation/version.rb CHANGED
@@ -1,7 +1,7 @@
1
1
  module Scrollytelling
2
2
  module Pageflow
3
3
  module Navigation
4
- VERSION = "1.13.3"
4
+ VERSION = "1.14.0"
5
5
  end
6
6
  end
7
7
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: scrollytelling-pageflow-navigation
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.13.3
4
+ version: 1.14.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joost Baaij
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-07-05 00:00:00.000000000 Z
11
+ date: 2017-07-10 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: pageflow
@@ -110,7 +110,7 @@ files:
110
110
  - app/assets/stylesheets/scrollytelling/pageflow/navigation.scss
111
111
  - app/assets/stylesheets/scrollytelling/pageflow/navigation/_entry.scss
112
112
  - app/assets/stylesheets/scrollytelling/pageflow/navigation/_home_button.scss
113
- - app/assets/stylesheets/scrollytelling/pageflow/navigation/_mobile.scss
113
+ - app/assets/stylesheets/scrollytelling/pageflow/navigation/_mobile_navigation.scss
114
114
  - app/assets/stylesheets/scrollytelling/pageflow/navigation/_navigation.scss
115
115
  - app/assets/stylesheets/scrollytelling/pageflow/navigation/_options.scss
116
116
  - app/assets/stylesheets/scrollytelling/pageflow/navigation/_parent_page.scss
data/app/assets/stylesheets/scrollytelling/pageflow/navigation/_mobile.scss DELETED
@@ -1,68 +0,0 @@
1
- .navigation_mobile {
2
- .parent_page {
3
- display: none; /* hide here because we include it in all nav */
4
- }
5
-
6
- .overview_mobile .credits a,
7
- .imprint_mobile .credits a,
8
- .sharing_mobile .credits a {
9
- margin-top: 0;
10
- color: inherit;
11
- display: inline;
12
- }
13
-
14
- &.active {
15
- .menu.index {
16
- &:before {
17
- font-family: "FontAwesome";
18
- content: "\f00d";
19
- font-size: $scrollytelling-fa-size;
20
- }
21
- }
22
- }
23
- .menu.index,
24
- .menu.sharing,
25
- .menu.imprint,
26
-
27
- .overview_mobile:after,
28
- .imprint_mobile:after,
29
- .sharing_mobile:after {
30
- background-image: none;
31
- }
32
-
33
- .menu.index {
34
- &:before {
35
- font-family: "FontAwesome";
36
- content: "\f0c9";
37
- font-size: $scrollytelling-fa-size;
38
- }
39
- }
40
-
41
- .menu.sharing {
42
- &:before {
43
- font-family: "FontAwesome";
44
- content: "\f045";
45
- font-size: $scrollytelling-fa-size;
46
- }
47
- }
48
-
49
- .menu.imprint {
50
- &:before {
51
- font-family: "FontAwesome";
52
- content: "\f05a";
53
- font-size: $scrollytelling-fa-size;
54
- }
55
- }
56
- }
57
-
58
- .navigation_mobile.page-invert {
59
- .menu.index:before {
60
- color: $scrollytelling-invert-nav-color;
61
- }
62
- }
63
-
64
- .navigation_mobile.page-invert.active {
65
- .menu.index:before {
66
- color: white;
67
- }
68
- }