dvla_internal_frontend_toolkit 1.0.3 → 1.0.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: 6b0fcb24ca59cd56e2d5f56a15728cc760b461d6
4
- data.tar.gz: 4bdea559ad6a7459957b1c7393c385e0e7252da4
3
+ metadata.gz: 6a667177b9427567671d30237714230e87295d4f
4
+ data.tar.gz: bcc23f544da29635da6cef747d3d82e56037fed1
5
5
  SHA512:
6
- metadata.gz: b504153ecf58cac8a0b9f3fbceb1f9c61f634cac2fc7818780aac9e47e4fcf2cbea8592b28ef1d3cc7b4b5e432090a2e0e2e07ad3c92e49d839a7eabd9e62012
7
- data.tar.gz: 614b0addf5f5a95b5fff4ec030f9cc6424d4c9d65e7a570e367a8e7e11a997edc4858bbc75dc6d01ab1cb77472620e5ebb3ee6f058e770321dcd3cad2c30a919
6
+ metadata.gz: f079edff2879e85c8eca5e544f2a7a67e1e8505dd90f1d538e5d83a596a1d0f1e8fa8a6d053b39312c38c4379c5cd4dc2c3ea6e27888b5916c1ea20922f15ec5
7
+ data.tar.gz: 19aa5448b3e1eee7b1c524d88a109f302d8b00394cf9f917cd4ec9d4c250ed267cf4d6e81e9b991fe926e1b59e62d500c7ead5eeb58ffed120777437bd74bc78
@@ -4,6 +4,7 @@
4
4
 
5
5
  @import "elements/buttons";
6
6
  @import "elements/forms";
7
+ @import "elements/filters";
7
8
  @import "elements/layout";
8
9
  @import "elements/lists";
9
10
  @import "elements/navigation";
@@ -23,18 +23,30 @@
23
23
  @include button();
24
24
  font-size: 15px;
25
25
  padding: 8px 14px;
26
+
27
+ &.btn-link {
28
+ padding: 8px 0;
29
+ }
26
30
  }
27
31
 
28
32
  .btn-sml {
29
33
  @include button();
30
34
  font-size: 14px;
31
35
  padding: 6.5px 12px;
36
+
37
+ &.btn-link {
38
+ padding: 6.5px 0;
39
+ }
32
40
  }
33
41
 
34
42
  .btn-lrg {
35
43
  @include button();
36
44
  font-size: 16px;
37
45
  padding: 10px 16px;
46
+
47
+ &.btn-link {
48
+ padding: 10px 0;
49
+ }
38
50
  }
39
51
 
40
52
  .btn-primary {
@@ -79,6 +91,45 @@
79
91
  }
80
92
  }
81
93
 
94
+ .btn-tertiary {
95
+ color: white;
96
+ background: $secondary;
97
+ border-bottom: 2px solid $secondary-darkest;
98
+ cursor: pointer;
99
+
100
+ &:hover, &:focus {
101
+ background: $secondary-dark;
102
+ color: white;
103
+
104
+ &:disabled {
105
+ background: $secondary;
106
+ }
107
+ }
108
+
109
+ &:visited {
110
+ color: white;
111
+ }
112
+ }
113
+
114
+ .btn-link {
115
+ color: $link-colour;
116
+ text-decoration: underline;
117
+ background: none;
118
+ border: none;
119
+ cursor: pointer;
120
+
121
+ &:visited {
122
+ color: $visited-colour;
123
+ }
124
+ &:hover {
125
+ color: $link-hover-colour;
126
+ }
127
+ &:focus {
128
+ outline: 3px solid $focus-colour;
129
+ background: $focus-colour;
130
+ }
131
+ }
132
+
82
133
  .btn-refresh {
83
134
  position: relative;
84
135
  padding-left: 47.3px;
@@ -0,0 +1,48 @@
1
+ .filter {
2
+ margin-right: 16px;
3
+
4
+ .filter-header {
5
+ border-bottom: 1px solid $grey-2;
6
+
7
+ .filter-title {
8
+ font-weight: bold;
9
+ font-size: 24px;
10
+ color: $black;
11
+ margin-bottom: 6px;
12
+ }
13
+ }
14
+ .filter-group {
15
+ border-bottom: 1px solid $grey-2;
16
+ padding: 28px 0 20px 0;
17
+
18
+ legend {
19
+ font-weight: bold;
20
+ font-size: 24px;
21
+ color: $black;
22
+ margin-bottom: 16px;
23
+ }
24
+
25
+ label {
26
+ display: inline-block;
27
+ width: 100%;
28
+ margin-bottom: 6px;
29
+ }
30
+
31
+ input {
32
+ width: 16px;
33
+ height: 16px;
34
+ }
35
+ }
36
+ .filter-footer {
37
+ padding-top: 16px;
38
+
39
+ .btn {
40
+ margin-bottom: 20px;
41
+ display: block;
42
+
43
+ &:last-child {
44
+ margin-bottom: 0;
45
+ }
46
+ }
47
+ }
48
+ }
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title><%= yield :page_title %></title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  <%= yield :head %>
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title><%= yield :page_title %> </title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  <%= yield :head %>
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title><%= yield :page_title %> </title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  <%= yield :head %>
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title><%= yield :page_title %> </title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  <%= yield :head %>
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title><%= yield :page_title %> </title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  <%= yield :head %>
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title><%= yield :page_title %> </title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  <%= yield :head %>
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title>{% block page_title %} {% endblock %}</title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  {% block head %} {% endblock %}
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title>{% block page_title %} {% endblock %}</title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  {% block head %} {% endblock %}
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title>{% block page_title %} {% endblock %}</title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  {% block head %} {% endblock %}
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title>{% block page_title %} {% endblock %}</title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  {% block head %} {% endblock %}
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title>{% block page_title %} {% endblock %}</title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  {% block head %} {% endblock %}
8
9
  </head>
9
10
 
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title>{% block page_title %} {% endblock %}</title>
6
6
  <meta name="viewport" content="width=device-width" />
7
+ <meta charset="utf-8">
7
8
  {% block head %} {% endblock %}
8
9
  </head>
9
10
 
@@ -1,3 +1,3 @@
1
1
  module DvlaInternalFrontendToolkit
2
- VERSION = "1.0.3"
2
+ VERSION = "1.0.4"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dvla_internal_frontend_toolkit
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.3
4
+ version: 1.0.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Liam Betsworth
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: exe
12
12
  cert_chain: []
13
- date: 2017-11-13 00:00:00.000000000 Z
13
+ date: 2017-11-14 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: railties
@@ -84,6 +84,7 @@ files:
84
84
  - app/assets/stylesheets/dvla-internal-elements-styles.scss
85
85
  - app/assets/stylesheets/elements/_buttons.scss
86
86
  - app/assets/stylesheets/elements/_data.scss
87
+ - app/assets/stylesheets/elements/_filters.scss
87
88
  - app/assets/stylesheets/elements/_forms.scss
88
89
  - app/assets/stylesheets/elements/_layout.scss
89
90
  - app/assets/stylesheets/elements/_lists.scss