swedbank-pay-design-guide-jekyll-theme 1.9.3 → 1.9.4

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: bb6399fcb6768466d3a79fa48d7cc148786b6b16e7f2e5116d1d577998b1e411
4
- data.tar.gz: cf030d126581b3a457204ed655035da20a36308c1cb93297595d1d38c5ca99db
3
+ metadata.gz: f92dcd253d65caf6bcc5ac6663cf8fef62eda89950bc5a0279d6d6893c436ad7
4
+ data.tar.gz: 76218fadaf01fde1ec62db738d8b7a02f382121dc3864a367e992a6eb31a81a1
5
5
  SHA512:
6
- metadata.gz: 14f293bdd5a8913d5fc292eb70d26708a212e2fbe106715495feabb2569311e45287618a881864116964280f3c8a4915b965a59ac95ee1cf681c1b9c38e93672
7
- data.tar.gz: 40621213c12b27023e3c48ad1387e315cf2ec96e67d00d20abdacb813d34a86fd9eb3478dda9f4a279d220ff03a9183f0aeca81d86abbb80419e12775db96568
6
+ metadata.gz: 12d0597e1ed06b31f81ef396347e6ba3cfbffeb6b7fd3a997092def427e12d154a044d41bc9c6763ba69a19ff2a3340e87e2ee93c0a7ef32c78736b950288761
7
+ data.tar.gz: 4521b44c5016625b6af1fb6b4eb1e4cc41f067224a11fb72b1696690ef76b1a25223ff2bc805c2fae189e68cc12fbcc9872e48103637fc432c74e937bb6f7f4f
@@ -5,13 +5,13 @@
5
5
 
6
6
  <nav class="iterator d-flex">
7
7
  {% if prev_href != blank and prev_href != empty and prev_href != nil %}
8
- <a class="mr-auto btn btn-guiding" role="button" rel="prev" href="{{ prev_href }}">
8
+ <a class="mr-auto btn btn-primary" role="button" rel="prev" href="{{ prev_href }}">
9
9
  {{ prev_title }}
10
10
  </a>
11
11
  {% endif %}
12
12
 
13
13
  {% if next_href != blank and next_href != empty and next_href != nil %}
14
- <a class="ml-auto btn btn-executive" role="button" rel="next" href="{{ next_href }}">
14
+ <a class="ml-auto btn btn-primary" role="button" rel="next" href="{{ next_href }}">
15
15
  {{ next_title }}
16
16
  </a>
17
17
  {% endif %}
@@ -3,7 +3,7 @@
3
3
  {%- assign image = page.opengraph.image | default: site.opengraph.image -%}
4
4
  {%- assign github_branch = site.github.branch | default : "develop" -%}
5
5
  {%- assign design_guide_base_url = site.design_guide.base_url | default: 'https://design.swedbankpay.com' -%}
6
- {%- assign design_guide_version = site.design_guide.version | default: '4.7.0' -%}
6
+ {%- assign design_guide_version = site.design_guide.version | default: '4.8.1' -%}
7
7
  {%- assign design_guide_url = design_guide_base_url | append: '/v/' | append: design_guide_version -%}
8
8
  {%- if page.sidebar.navigation == nil -%}
9
9
  {%- unless page.name contains "index" -%}
@@ -66,12 +66,21 @@
66
66
  <nav class="sidebar-nav">
67
67
  <a href="/" class="sidebar-header">
68
68
  <img src="{{ design_guide_url }}/img/swedbankpay-logo-v.svg"
69
- alt="Swedbank Pay vertical logo" />
69
+ alt="Swedbank Pay vertical logo" class="logotype-vertical logotype-lg"/>
70
70
  <div class="sidebar-header-text">
71
71
  <span>{</span>developer portal<span>}</span>
72
72
  </div>
73
73
  </a>
74
-
74
+ <div class="search-container mx-2 my-4 px-3 py-2 d-flex ">
75
+ <input type="text" id="search-input" class="search-input w-100 "
76
+ placeholder="Search in documentation"
77
+ onfocus="this.placeholder=''"
78
+ onblur="this.placeholder='Search in documentation'">
79
+
80
+ <label for="search-input" class="mb-0">
81
+ <i class="material-icons m-0" aria-hidden="true">search</i>
82
+ </label>
83
+ </div>
75
84
  <ul id="dx-sidebar-main-nav-ul" class="main-nav-ul">
76
85
  </ul>
77
86
  </nav>
@@ -93,12 +102,7 @@
93
102
  </main>
94
103
  </div>
95
104
  </div>
96
-
97
- <footer class="page-footer">
98
- <p class="page-footer-rights">© Swedbank Pay</p>
99
- </footer>
100
105
  </div>
101
-
102
106
  <script src="{{ design_guide_url }}/scripts/dg.js"></script>
103
107
  <script src="{{ '/assets/js/swedbank-pay-design-guide-theme.js' | relative_url }}"></script>
104
108
  {%- if site.google_analytics.tracking_id %}
@@ -52,7 +52,7 @@ layout: default
52
52
  </div>
53
53
  </div>
54
54
  {% endif %}
55
- <a href="https://ecom.externalintegration.payex.com/pspdemoshop" class="front-page-demoshop">
55
+ <div class="front-page-demoshop">
56
56
  <span class="front-page-demoshop-text">
57
57
  <span class="h2">Try our Demoshop</span>
58
58
  <span class="demoshop-text-description">
@@ -61,8 +61,11 @@ layout: default
61
61
  </span>
62
62
  </span>
63
63
  <span class="front-page-demoshop-link">
64
- <span class="h3">Go to the demoshop</span>
65
- <i class="material-icons">arrow_forward</i>
64
+ <a href="https://ecom.externalintegration.payex.com/pspdemoshop" class="text-decoration-none">
65
+ <span class="h3 mr-2">Go to the demoshop
66
+ <i class="material-icons ml-2">arrow_forward</i>
67
+ </span>
68
+ </a>
66
69
  <span class="demoshop-link-img">
67
70
  <img class="demoshop-link-img-mobile d-none d-md-flex"
68
71
  src="/assets/img/demoshop-mobile.svg" alt="demoshop-mobile" />
@@ -72,7 +75,7 @@ layout: default
72
75
  src="/assets/img/demoshop-web.svg" alt="demoshop-web" />
73
76
  </span>
74
77
  </span>
75
- </a>
78
+ </div>
76
79
 
77
80
  <div class="front-page-container">
78
81
  <div class="front-page-cards-sdk">
@@ -113,11 +113,10 @@ $front-page-max-width: 1312px;
113
113
  }
114
114
 
115
115
  @media screen and (min-width: $breakpoint-xxl) {
116
- margin-bottom: 9rem;
116
+ margin-bottom: 10rem;
117
117
 
118
118
  .front-page-intro-cards {
119
119
  position: absolute;
120
- bottom: -7rem;
121
120
  left: 0;
122
121
  width: 100%;
123
122
  padding: 0 4rem;
@@ -235,19 +234,6 @@ $front-page-max-width: 1312px;
235
234
  text-decoration: none;
236
235
  border-radius: 1rem;
237
236
 
238
- &:hover,
239
- &:focus {
240
- .front-page-demoshop-link {
241
- background-color: $white;
242
- color: $brown;
243
-
244
- .h3 {
245
- color: $brown;
246
- }
247
-
248
- }
249
- }
250
-
251
237
  &:after {
252
238
  display: none;
253
239
  content: none;
@@ -299,6 +285,21 @@ $front-page-max-width: 1312px;
299
285
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.15);
300
286
  max-width: $front-page-max-width;
301
287
  width: 100%;
288
+ cursor: pointer;
289
+
290
+ a::after{
291
+ content: '';
292
+ }
293
+
294
+ &:hover,
295
+ &:focus {
296
+ background-color: $white;
297
+ color: $brown;
298
+
299
+ .h3 {
300
+ color: $brown;
301
+ }
302
+ }
302
303
 
303
304
  .demoshop-link-img {
304
305
  display: flex;
@@ -306,6 +307,7 @@ $front-page-max-width: 1312px;
306
307
  position: absolute;
307
308
  bottom: -1rem;
308
309
  right: 3%;
310
+ pointer-events: none;
309
311
 
310
312
  .demoshop-link-img-web {
311
313
  width: 26.5rem;
@@ -6,14 +6,13 @@
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  align-items: center;
9
- margin-bottom: 2.5rem;
10
9
  margin-top: 2rem;
11
10
  text-decoration: none;
12
11
  color: #512b2b;
13
12
 
14
13
  img {
15
- width: 120px;
16
- margin-top: -1rem;
14
+ margin-top: 1.5rem;
15
+ margin-bottom: 1.25rem;
17
16
  }
18
17
 
19
18
  span {
@@ -30,6 +29,37 @@
30
29
  }
31
30
  }
32
31
 
32
+ .search-container {
33
+ box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.15);
34
+ border-radius: 0.125rem;
35
+
36
+ &:focus-within {
37
+ outline: -webkit-focus-ring-color auto 0.5px;
38
+ }
39
+
40
+ .search-input {
41
+ color: $medium-brown;
42
+ font-size: 0.875rem;
43
+ border: none;
44
+ padding: 0.375rem;
45
+
46
+ &:focus {
47
+ color: $brown;
48
+ outline: none
49
+ }
50
+ }
51
+
52
+ i {
53
+ display: block;
54
+ color: $brown;
55
+
56
+ &:hover {
57
+ color: $turquoise-link;
58
+ }
59
+ }
60
+
61
+ }
62
+
33
63
  .main-nav-ul {
34
64
  .nav-group {
35
65
  .nav-ul {
@@ -32,6 +32,9 @@
32
32
  margin-right: 0.5rem;
33
33
  }
34
34
  }
35
+ a {
36
+ color: #43d0dd;
37
+ }
35
38
  }
36
39
 
37
40
 
@@ -36,7 +36,7 @@
36
36
  .highlight .nf { color: #00aa00 } /* Name.Function */
37
37
  .highlight .nn { color: #00aaaa; text-decoration: underline } /* Name.Namespace */
38
38
  .highlight .nt { color: #1e90ff; font-weight: bold } /* Name.Tag */
39
- .highlight .nv { color: #aa0000 } /* Name.Variable */
39
+ .highlight .nv { color: #e07088 } /* Name.Variable */
40
40
  .highlight .ow { color: #0000aa } /* Operator.Word */
41
41
  .highlight .w { color: #bbbbbb } /* Text.Whitespace */
42
42
  .highlight .mb { color: #009999 } /* Literal.Number.Bin */
@@ -4,7 +4,7 @@ module Gem
4
4
  # Gem Specification
5
5
  class Specification
6
6
  def self.gem_version
7
- '1.9.3'
7
+ '1.9.4'
8
8
  end
9
9
  end
10
10
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: swedbank-pay-design-guide-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.9.3
4
+ version: 1.9.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Swedbank Pay
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-11-05 00:00:00.000000000 Z
11
+ date: 2020-11-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: faraday