dvla_internal_frontend_toolkit 0.3.8 → 0.3.9
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/images/favicon.ico +0 -0
- data/app/assets/stylesheets/dvla-internal-elements-styles.min.css +1 -1
- data/app/assets/stylesheets/elements/_layout.scss +186 -62
- data/app/assets/stylesheets/elements/_navigation.scss +36 -15
- data/app/assets/stylesheets/elements/_tabs.scss +3 -0
- data/app/views/layouts/nunjucks/layout-dialog.html +29 -1
- data/app/views/layouts/nunjucks/layout-fixed.html +32 -4
- data/app/views/layouts/nunjucks/layout-fluid-tabs-left.html +29 -1
- data/app/views/layouts/nunjucks/layout-fluid-tabs-top.html +35 -7
- data/app/views/layouts/nunjucks/layout-fluid-tabs.html +34 -6
- data/app/views/layouts/nunjucks/layout-fluid.html +29 -1
- data/lib/dvla_internal_frontend_toolkit/version.rb +1 -1
- metadata +3 -2
|
@@ -21,15 +21,43 @@
|
|
|
21
21
|
<a href="/" title="Home" id="logo" class="content">
|
|
22
22
|
<div id="coat-of-arms" alt=""></div>
|
|
23
23
|
<div class="name">DVLA</div>
|
|
24
|
-
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
|
25
24
|
</a>
|
|
25
|
+
{% if show_header_application_title %}
|
|
26
|
+
<div id="header-application-title">
|
|
27
|
+
{% block header_application_title %}<a href="#" title="Service home">SERVICE</a>{% endblock %}
|
|
28
|
+
</div>
|
|
29
|
+
{% endif %}
|
|
26
30
|
</div>
|
|
31
|
+
{% if show_header_search %}
|
|
32
|
+
<div id="header-search">
|
|
33
|
+
{% block header_search %}
|
|
34
|
+
<form>
|
|
35
|
+
<input type="text" placeholder="Search" />
|
|
36
|
+
<span class="search-btn"></span>
|
|
37
|
+
</form>
|
|
38
|
+
{% endblock %}
|
|
39
|
+
</div>
|
|
40
|
+
{% endif %}
|
|
41
|
+
</div>
|
|
42
|
+
<div id="header-float-right">
|
|
43
|
+
{% if show_header_user_account %}
|
|
44
|
+
<div id="user-account">
|
|
45
|
+
{% block header_user_account %}
|
|
46
|
+
<div id="logout">
|
|
47
|
+
<a href="#">Log out</a>
|
|
48
|
+
</div>
|
|
49
|
+
<div id="user-account-email">
|
|
50
|
+
demo.email@dvla.gov.uk
|
|
51
|
+
</div>
|
|
52
|
+
{% endblock %}
|
|
53
|
+
</div>
|
|
54
|
+
{% endif %}
|
|
27
55
|
</div>
|
|
28
56
|
</div>
|
|
29
57
|
</div>
|
|
30
|
-
{%
|
|
31
|
-
|
|
32
|
-
{%
|
|
58
|
+
{% if show_header_bar %}
|
|
59
|
+
<div id="global-header-bar"></div>
|
|
60
|
+
{% endif %}
|
|
33
61
|
</header>
|
|
34
62
|
|
|
35
63
|
{% block after_header %}{% endblock %}
|
|
@@ -21,9 +21,37 @@
|
|
|
21
21
|
<a href="/" title="Home" id="logo" class="content">
|
|
22
22
|
<div id="coat-of-arms" alt=""></div>
|
|
23
23
|
<div class="name">DVLA</div>
|
|
24
|
-
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
|
25
24
|
</a>
|
|
25
|
+
{% if show_header_application_title %}
|
|
26
|
+
<div id="header-application-title">
|
|
27
|
+
{% block header_application_title %}<a href="#" title="Service home">SERVICE</a>{% endblock %}
|
|
28
|
+
</div>
|
|
29
|
+
{% endif %}
|
|
26
30
|
</div>
|
|
31
|
+
{% if show_header_search %}
|
|
32
|
+
<div id="header-search">
|
|
33
|
+
{% block header_search %}
|
|
34
|
+
<form>
|
|
35
|
+
<input type="text" placeholder="Search" />
|
|
36
|
+
<span class="search-btn"></span>
|
|
37
|
+
</form>
|
|
38
|
+
{% endblock %}
|
|
39
|
+
</div>
|
|
40
|
+
{% endif %}
|
|
41
|
+
</div>
|
|
42
|
+
<div id="header-float-right">
|
|
43
|
+
{% if show_header_user_account %}
|
|
44
|
+
<div id="user-account">
|
|
45
|
+
{% block header_user_account %}
|
|
46
|
+
<div id="logout">
|
|
47
|
+
<a href="#">Log out</a>
|
|
48
|
+
</div>
|
|
49
|
+
<div id="user-account-email">
|
|
50
|
+
demo.email@dvla.gov.uk
|
|
51
|
+
</div>
|
|
52
|
+
{% endblock %}
|
|
53
|
+
</div>
|
|
54
|
+
{% endif %}
|
|
27
55
|
</div>
|
|
28
56
|
</div>
|
|
29
57
|
</div>
|
|
@@ -21,19 +21,47 @@
|
|
|
21
21
|
<a href="/" title="Home" id="logo" class="content">
|
|
22
22
|
<div id="coat-of-arms" alt=""></div>
|
|
23
23
|
<div class="name">DVLA</div>
|
|
24
|
-
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
|
25
24
|
</a>
|
|
25
|
+
{% if show_header_application_title %}
|
|
26
|
+
<div id="header-application-title">
|
|
27
|
+
{% block header_application_title %}<a href="#" title="Service home">SERVICE</a>{% endblock %}
|
|
28
|
+
</div>
|
|
29
|
+
{% endif %}
|
|
26
30
|
</div>
|
|
31
|
+
{% if show_header_search %}
|
|
32
|
+
<div id="header-search">
|
|
33
|
+
{% block header_search %}
|
|
34
|
+
<form>
|
|
35
|
+
<input type="text" placeholder="Search" />
|
|
36
|
+
<span class="search-btn"></span>
|
|
37
|
+
</form>
|
|
38
|
+
{% endblock %}
|
|
39
|
+
</div>
|
|
40
|
+
{% endif %}
|
|
41
|
+
</div>
|
|
42
|
+
<div id="header-float-right">
|
|
43
|
+
{% if show_header_user_account %}
|
|
44
|
+
<div id="user-account">
|
|
45
|
+
{% block header_user_account %}
|
|
46
|
+
<div id="logout">
|
|
47
|
+
<a href="#">Log out</a>
|
|
48
|
+
</div>
|
|
49
|
+
<div id="user-account-email">
|
|
50
|
+
demo.email@dvla.gov.uk
|
|
51
|
+
</div>
|
|
52
|
+
{% endblock %}
|
|
53
|
+
</div>
|
|
54
|
+
{% endif %}
|
|
27
55
|
</div>
|
|
28
56
|
</div>
|
|
29
57
|
</div>
|
|
30
58
|
{% block tabs_top %}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
59
|
+
<ul>
|
|
60
|
+
<li>Tab title one</li>
|
|
61
|
+
<li class="active">Active tab</li>
|
|
62
|
+
<li>Tab title two</li>
|
|
63
|
+
</ul>
|
|
64
|
+
{% endblock %}
|
|
37
65
|
</header>
|
|
38
66
|
|
|
39
67
|
{% block after_header %}
|
|
@@ -21,18 +21,46 @@
|
|
|
21
21
|
<a href="/" title="Home" id="logo" class="content">
|
|
22
22
|
<div id="coat-of-arms" alt=""></div>
|
|
23
23
|
<div class="name">DVLA</div>
|
|
24
|
-
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
|
25
24
|
</a>
|
|
25
|
+
{% if show_header_application_title %}
|
|
26
|
+
<div id="header-application-title">
|
|
27
|
+
{% block header_application_title %}<a href="#" title="Service home">SERVICE</a>{% endblock %}
|
|
28
|
+
</div>
|
|
29
|
+
{% endif %}
|
|
26
30
|
</div>
|
|
31
|
+
{% if show_header_search %}
|
|
32
|
+
<div id="header-search">
|
|
33
|
+
{% block header_search %}
|
|
34
|
+
<form>
|
|
35
|
+
<input type="text" placeholder="Search" />
|
|
36
|
+
<span class="search-btn"></span>
|
|
37
|
+
</form>
|
|
38
|
+
{% endblock %}
|
|
39
|
+
</div>
|
|
40
|
+
{% endif %}
|
|
41
|
+
</div>
|
|
42
|
+
<div id="header-float-right">
|
|
43
|
+
{% if show_header_user_account %}
|
|
44
|
+
<div id="user-account">
|
|
45
|
+
{% block header_user_account %}
|
|
46
|
+
<div id="logout">
|
|
47
|
+
<a href="#">Log out</a>
|
|
48
|
+
</div>
|
|
49
|
+
<div id="user-account-email">
|
|
50
|
+
demo.email@dvla.gov.uk
|
|
51
|
+
</div>
|
|
52
|
+
{% endblock %}
|
|
53
|
+
</div>
|
|
54
|
+
{% endif %}
|
|
27
55
|
</div>
|
|
28
56
|
</div>
|
|
29
57
|
</div>
|
|
30
58
|
{% block tabs_top %}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
59
|
+
<ul>
|
|
60
|
+
<li>Tab title one</li>
|
|
61
|
+
<li class="active">Active tab</li>
|
|
62
|
+
<li>Tab title two</li>
|
|
63
|
+
</ul>
|
|
36
64
|
{% endblock %}
|
|
37
65
|
</header>
|
|
38
66
|
|
|
@@ -21,9 +21,37 @@
|
|
|
21
21
|
<a href="/" title="Home" id="logo" class="content">
|
|
22
22
|
<div id="coat-of-arms" alt=""></div>
|
|
23
23
|
<div class="name">DVLA</div>
|
|
24
|
-
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
|
25
24
|
</a>
|
|
25
|
+
{% if show_header_application_title %}
|
|
26
|
+
<div id="header-application-title">
|
|
27
|
+
{% block header_application_title %}<a href="#" title="Service home">SERVICE</a>{% endblock %}
|
|
28
|
+
</div>
|
|
29
|
+
{% endif %}
|
|
26
30
|
</div>
|
|
31
|
+
{% if show_header_search %}
|
|
32
|
+
<div id="header-search">
|
|
33
|
+
{% block header_search %}
|
|
34
|
+
<form>
|
|
35
|
+
<input type="text" placeholder="Search" />
|
|
36
|
+
<span class="search-btn"></span>
|
|
37
|
+
</form>
|
|
38
|
+
{% endblock %}
|
|
39
|
+
</div>
|
|
40
|
+
{% endif %}
|
|
41
|
+
</div>
|
|
42
|
+
<div id="header-float-right">
|
|
43
|
+
{% if show_header_user_account %}
|
|
44
|
+
<div id="user-account">
|
|
45
|
+
{% block header_user_account %}
|
|
46
|
+
<div id="logout">
|
|
47
|
+
<a href="#">Log out</a>
|
|
48
|
+
</div>
|
|
49
|
+
<div id="user-account-email">
|
|
50
|
+
demo.email@dvla.gov.uk
|
|
51
|
+
</div>
|
|
52
|
+
{% endblock %}
|
|
53
|
+
</div>
|
|
54
|
+
{% endif %}
|
|
27
55
|
</div>
|
|
28
56
|
</div>
|
|
29
57
|
</div>
|
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: 0.3.
|
|
4
|
+
version: 0.3.9
|
|
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
|
+
date: 2017-11-02 00:00:00.000000000 Z
|
|
14
14
|
dependencies:
|
|
15
15
|
- !ruby/object:Gem::Dependency
|
|
16
16
|
name: railties
|
|
@@ -68,6 +68,7 @@ files:
|
|
|
68
68
|
- app/assets/fonts/Inter-UI-Regular.woff
|
|
69
69
|
- app/assets/fonts/dvla-icons.woff
|
|
70
70
|
- app/assets/images/coat-of-arms-logo.svg
|
|
71
|
+
- app/assets/images/favicon.ico
|
|
71
72
|
- app/assets/images/separator.png
|
|
72
73
|
- app/assets/images/triangle-caret-down.svg
|
|
73
74
|
- app/assets/javascripts/styleguide/prism-line-numbers.js
|