dvla_internal_frontend_toolkit 0.3.9 → 0.4.0
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 +4 -4
- data/app/assets/stylesheets/dvla-internal-elements-styles.min.css +1 -1
- data/app/assets/stylesheets/elements/_layout.scss +2 -1
- data/app/assets/stylesheets/elements/_navigation.scss +21 -10
- data/app/assets/stylesheets/elements/_tabs.scss +4 -0
- data/app/views/layouts/nunjucks/layout-fluid-tabs-left.html +4 -4
- data/app/views/layouts/nunjucks/layout-fluid-tabs-top.html +3 -3
- data/app/views/layouts/nunjucks/layout-fluid-tabs.html +7 -7
- data/lib/dvla_internal_frontend_toolkit/version.rb +1 -1
- metadata +1 -1
|
@@ -132,6 +132,7 @@ body {
|
|
|
132
132
|
display: inline-block;
|
|
133
133
|
font-weight: 400;
|
|
134
134
|
letter-spacing: 2px;
|
|
135
|
+
text-transform: uppercase;
|
|
135
136
|
|
|
136
137
|
a {
|
|
137
138
|
color: white;
|
|
@@ -311,7 +312,7 @@ div {
|
|
|
311
312
|
|
|
312
313
|
@media screen and (min-width: 1024px) {
|
|
313
314
|
width: 100%;
|
|
314
|
-
padding: 0
|
|
315
|
+
padding: 0 24px;
|
|
315
316
|
padding-bottom: 2em;
|
|
316
317
|
}
|
|
317
318
|
}
|
|
@@ -63,12 +63,13 @@
|
|
|
63
63
|
a {
|
|
64
64
|
padding: 0 32px;
|
|
65
65
|
text-decoration: none;
|
|
66
|
-
color: $
|
|
66
|
+
color: $black;
|
|
67
67
|
display: block;
|
|
68
68
|
height: 100%;
|
|
69
69
|
|
|
70
70
|
&:hover{
|
|
71
71
|
cursor: pointer;
|
|
72
|
+
color: $primary;
|
|
72
73
|
// text-decoration: underline;
|
|
73
74
|
}
|
|
74
75
|
}
|
|
@@ -76,6 +77,10 @@
|
|
|
76
77
|
&:active, &.active{
|
|
77
78
|
color: $primary;
|
|
78
79
|
border-bottom: 2px solid $primary;
|
|
80
|
+
|
|
81
|
+
a {
|
|
82
|
+
color: $primary;
|
|
83
|
+
}
|
|
79
84
|
}
|
|
80
85
|
}
|
|
81
86
|
}
|
|
@@ -103,20 +108,25 @@
|
|
|
103
108
|
font-weight: bold;
|
|
104
109
|
height: 40px;
|
|
105
110
|
|
|
106
|
-
&:hover {
|
|
107
|
-
cursor: pointer;
|
|
108
|
-
background-color: $primary-lightest;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
111
|
a {
|
|
112
112
|
padding-left: 40px;
|
|
113
113
|
text-decoration: none;
|
|
114
|
-
color: $
|
|
115
|
-
display:block;
|
|
116
|
-
height:100%;
|
|
114
|
+
color: $black;
|
|
115
|
+
display: block;
|
|
116
|
+
height: 100%;
|
|
117
117
|
|
|
118
118
|
&:visited{
|
|
119
119
|
text-decoration: none;
|
|
120
|
+
color: $black;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
&:hover {
|
|
125
|
+
cursor: pointer;
|
|
126
|
+
background-color: $primary-lightest;
|
|
127
|
+
color: $primary;
|
|
128
|
+
|
|
129
|
+
a {
|
|
120
130
|
color: $primary;
|
|
121
131
|
}
|
|
122
132
|
}
|
|
@@ -127,6 +137,7 @@
|
|
|
127
137
|
background-color: $primary-lightest;
|
|
128
138
|
|
|
129
139
|
a {
|
|
140
|
+
color: $primary;
|
|
130
141
|
padding-left: 32px;
|
|
131
142
|
}
|
|
132
143
|
}
|
|
@@ -134,7 +145,7 @@
|
|
|
134
145
|
}
|
|
135
146
|
|
|
136
147
|
& + .container-fluid {
|
|
137
|
-
padding-left:
|
|
148
|
+
padding-left: 304px;
|
|
138
149
|
|
|
139
150
|
@media screen and (max-width: 1023px) {
|
|
140
151
|
padding-left: 280px;
|
|
@@ -30,6 +30,8 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
a {
|
|
33
|
+
color: $primary;
|
|
34
|
+
|
|
33
35
|
&:visited {
|
|
34
36
|
color: $primary;
|
|
35
37
|
}
|
|
@@ -65,6 +67,7 @@
|
|
|
65
67
|
display: block;
|
|
66
68
|
height: 40px;
|
|
67
69
|
line-height: 40px;
|
|
70
|
+
padding-left: 0;
|
|
68
71
|
box-sizing: border-box;
|
|
69
72
|
font-size: 0;
|
|
70
73
|
font-weight: 500;
|
|
@@ -85,6 +88,7 @@
|
|
|
85
88
|
border-bottom: 2px solid $primary;
|
|
86
89
|
|
|
87
90
|
a {
|
|
91
|
+
color: $primary;
|
|
88
92
|
&:visited {
|
|
89
93
|
color: $primary;
|
|
90
94
|
}
|
|
@@ -65,10 +65,10 @@
|
|
|
65
65
|
<div class="side-bar">
|
|
66
66
|
{% block tabs_left %}
|
|
67
67
|
<ul>
|
|
68
|
-
<li>Tab title one</li>
|
|
69
|
-
<li class="active">Tab title two</li>
|
|
70
|
-
<li>Tab title three</li>
|
|
71
|
-
<li>Tab title four</li>
|
|
68
|
+
<li><a href="#">Tab title one</a></li>
|
|
69
|
+
<li class="active"><a href="#">Tab title two</a></li>
|
|
70
|
+
<li><a href="#">Tab title three</a></li>
|
|
71
|
+
<li><a href="#">Tab title four</a></li>
|
|
72
72
|
</ul>
|
|
73
73
|
{% endblock %}
|
|
74
74
|
</div>
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
</div>
|
|
58
58
|
{% block tabs_top %}
|
|
59
59
|
<ul>
|
|
60
|
-
<li>Tab title one</li>
|
|
61
|
-
<li class="active">Active tab</li>
|
|
62
|
-
<li>Tab title two</li>
|
|
60
|
+
<li><a href="#">Tab title one</a></li>
|
|
61
|
+
<li class="active"><a href="#">Active tab</a></li>
|
|
62
|
+
<li><a href="#">Tab title two</a></li>
|
|
63
63
|
</ul>
|
|
64
64
|
{% endblock %}
|
|
65
65
|
</header>
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
</div>
|
|
58
58
|
{% block tabs_top %}
|
|
59
59
|
<ul>
|
|
60
|
-
<li>Tab title one</li>
|
|
61
|
-
<li class="active">Active tab</li>
|
|
62
|
-
<li>Tab title two</li>
|
|
60
|
+
<li><a href="#">Tab title one</a></li>
|
|
61
|
+
<li class="active"><a href="#">Active tab</a></li>
|
|
62
|
+
<li><a href="#">Tab title two</a></li>
|
|
63
63
|
</ul>
|
|
64
64
|
{% endblock %}
|
|
65
65
|
</header>
|
|
@@ -72,10 +72,10 @@
|
|
|
72
72
|
<div class="side-bar">
|
|
73
73
|
{% block tabs_left %}
|
|
74
74
|
<ul>
|
|
75
|
-
<li>Tab title one</li>
|
|
76
|
-
<li class="active">Tab title two</li>
|
|
77
|
-
<li>Tab title three</li>
|
|
78
|
-
<li>Tab title four</li>
|
|
75
|
+
<li><a href="#">Tab title one</a></li>
|
|
76
|
+
<li class="active"><a href="#">Tab title two</a></li>
|
|
77
|
+
<li><a href="#">Tab title three</a></li>
|
|
78
|
+
<li><a href="#">Tab title four</a></li>
|
|
79
79
|
</ul>
|
|
80
80
|
{% endblock %}
|
|
81
81
|
</div>
|