govuk_admin_template 0.1.1 → 1.0.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.
- data/CHANGELOG.md +6 -0
- data/README.md +11 -11
- data/app/assets/stylesheets/govuk_admin_template/base.css.scss +21 -22
- data/app/assets/stylesheets/govuk_admin_template/bootstrap_overrides.css.scss +11 -0
- data/app/assets/stylesheets/govuk_admin_template/mixins.css.scss +51 -0
- data/app/assets/stylesheets/govuk_admin_template/nav_list.css.scss +59 -0
- data/app/assets/stylesheets/govuk_admin_template/theme.css.scss +27 -4
- data/app/assets/stylesheets/govuk_admin_template.scss +3 -1
- data/app/controllers/govuk_admin_template/style_guide_controller.rb +2 -0
- data/app/views/govuk_admin_template/style_guide/index.html.erb +87 -29
- data/lib/govuk_admin_template/version.rb +1 -1
- metadata +7 -4
data/CHANGELOG.md
CHANGED
data/README.md
CHANGED
|
@@ -57,17 +57,17 @@ For Javascript usage, available modules and writing modules, see the [Javascript
|
|
|
57
57
|
|
|
58
58
|
The gem [uses nested layouts](http://guides.rubyonrails.org/layouts_and_rendering.html#using-nested-layouts) for customisation.
|
|
59
59
|
|
|
60
|
-
content_for
|
|
61
|
-
|
|
62
|
-
app_title | Name of your admin application
|
|
63
|
-
content | Main content
|
|
64
|
-
head | HTML to include in the <head> of your application
|
|
65
|
-
page_title | Page title
|
|
66
|
-
navbar_items | A set of HTML list items (`<li>`) forming the primary navigation
|
|
67
|
-
navbar_right | Text to the right of the nav bar. Logged in user, sign out link, etc
|
|
68
|
-
footer_top (optional) | Footer content before copyright text
|
|
69
|
-
footer_version (optional) | Text indicating the release, eg commit SHA
|
|
70
|
-
body_end (optional) | Just before the `</body>` tag
|
|
60
|
+
`content_for` | Description
|
|
61
|
+
--------------- | -------------
|
|
62
|
+
`:app_title` | Name of your admin application
|
|
63
|
+
`:content` | Main content
|
|
64
|
+
`:head` | HTML to include in the <head> of your application
|
|
65
|
+
`:page_title` | Page title
|
|
66
|
+
`:navbar_items` | A set of HTML list items (`<li>`) forming the primary navigation
|
|
67
|
+
`:navbar_right` | Text to the right of the nav bar. Logged in user, sign out link, etc
|
|
68
|
+
`:footer_top` (optional) | Footer content before copyright text
|
|
69
|
+
`:footer_version` (optional) | Text indicating the release, eg commit SHA
|
|
70
|
+
`:body_end` (optional) | Just before the `</body>` tag
|
|
71
71
|
|
|
72
72
|
Example navbar_items:
|
|
73
73
|
```erb
|
|
@@ -63,64 +63,68 @@ a.inherit:visited,
|
|
|
63
63
|
========================================================================== */
|
|
64
64
|
|
|
65
65
|
.add-vertical-margins {
|
|
66
|
-
|
|
67
|
-
margin-bottom: $default-vertical-margin !important;
|
|
66
|
+
@include add-vertical-margins('!important');
|
|
68
67
|
}
|
|
69
68
|
|
|
70
|
-
%add-top-margin,
|
|
71
69
|
.add-top-margin {
|
|
72
|
-
|
|
70
|
+
@include add-top-margin('!important');
|
|
73
71
|
}
|
|
74
72
|
|
|
75
|
-
%remove-top-margin,
|
|
76
73
|
.remove-top-margin {
|
|
77
|
-
|
|
74
|
+
@include remove-top-margin('!important');
|
|
78
75
|
}
|
|
79
76
|
|
|
80
|
-
%add-bottom-margin,
|
|
81
77
|
.add-bottom-margin {
|
|
82
|
-
|
|
78
|
+
@include add-bottom-margin('!important');
|
|
83
79
|
}
|
|
84
80
|
|
|
85
81
|
.add-big-bottom-margin {
|
|
86
82
|
margin-bottom: $default-vertical-margin * 2 !important;
|
|
87
83
|
}
|
|
88
84
|
|
|
89
|
-
%remove-bottom-margin,
|
|
90
85
|
.remove-bottom-margin {
|
|
91
|
-
|
|
86
|
+
@include remove-bottom-margin('!important');
|
|
92
87
|
}
|
|
93
88
|
|
|
94
|
-
%add-right-margin,
|
|
95
89
|
.add-right-margin {
|
|
96
|
-
|
|
90
|
+
@include add-right-margin('!important');
|
|
97
91
|
}
|
|
98
92
|
|
|
99
|
-
%add-left-margin,
|
|
100
93
|
.add-left-margin {
|
|
101
|
-
|
|
94
|
+
@include add-left-margin('!important');
|
|
102
95
|
}
|
|
103
96
|
|
|
104
97
|
.dl-spaced dd {
|
|
105
98
|
margin-bottom: $default-vertical-margin;
|
|
106
99
|
}
|
|
107
100
|
|
|
108
|
-
/* Simulate the margin bootstrap puts on its labels (no built-in variable for this) */
|
|
109
101
|
.add-label-margin {
|
|
110
|
-
margin
|
|
102
|
+
@include add-label-margin;
|
|
111
103
|
}
|
|
112
104
|
|
|
113
105
|
/* Padding helpers
|
|
114
106
|
========================================================================== */
|
|
115
107
|
|
|
108
|
+
.add-vertical-padding {
|
|
109
|
+
@include add-vertical-padding('!important');
|
|
110
|
+
}
|
|
111
|
+
|
|
116
112
|
.remove-padding {
|
|
117
113
|
padding: 0 !important;
|
|
118
114
|
}
|
|
119
115
|
|
|
116
|
+
.add-top-padding {
|
|
117
|
+
@include add-top-padding('!important');
|
|
118
|
+
}
|
|
119
|
+
|
|
120
120
|
.remove-top-padding {
|
|
121
121
|
padding-top: 0 !important;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
+
.add-bottom-padding {
|
|
125
|
+
@include add-bottom-padding('!important');
|
|
126
|
+
}
|
|
127
|
+
|
|
124
128
|
.remove-bottom-padding {
|
|
125
129
|
padding-bottom: 0 !important;
|
|
126
130
|
}
|
|
@@ -138,7 +142,7 @@ a.inherit:visited,
|
|
|
138
142
|
.glyphicon-alert-success {
|
|
139
143
|
@extend %glyphicon-smaller-than-text;
|
|
140
144
|
@extend .text-success;
|
|
141
|
-
@
|
|
145
|
+
@include add-right-margin;
|
|
142
146
|
}
|
|
143
147
|
|
|
144
148
|
/* ==========================================================================
|
|
@@ -336,11 +340,6 @@ a.list-group-item {
|
|
|
336
340
|
font-weight: bold;
|
|
337
341
|
}
|
|
338
342
|
|
|
339
|
-
.list-group-item {
|
|
340
|
-
padding-top: $default-vertical-margin;
|
|
341
|
-
padding-bottom: $default-vertical-margin;
|
|
342
|
-
}
|
|
343
|
-
|
|
344
343
|
/* No content
|
|
345
344
|
========================================================================== */
|
|
346
345
|
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
@import 'govuk_admin_template/buttons'; // overrides bootstrap buttons
|
|
2
|
+
|
|
3
|
+
/*
|
|
4
|
+
The admin gem's navbar has a bottom margin, for correct spacing
|
|
5
|
+
when the page-header class isn't used. To account for this reduce
|
|
6
|
+
the top margin from 40px to 20px, keeping the space effectively
|
|
7
|
+
the same.
|
|
8
|
+
*/
|
|
9
|
+
.page-header {
|
|
10
|
+
margin-top: $default-vertical-margin;
|
|
11
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
@mixin add-vertical-margins($important: "") {
|
|
2
|
+
@include add-top-margin($important);
|
|
3
|
+
@include add-bottom-margin($important);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
@mixin add-top-margin($important: "") {
|
|
7
|
+
margin-top: $default-vertical-margin #{$important};
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@mixin remove-top-margin($important: "") {
|
|
11
|
+
margin-top: 0 #{$important};
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@mixin add-bottom-margin($important: "") {
|
|
15
|
+
margin-bottom: $default-vertical-margin #{$important};
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@mixin remove-bottom-margin($important: "") {
|
|
19
|
+
margin-bottom: 0 #{$important};
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@mixin add-right-margin($important: "") {
|
|
23
|
+
margin-right: $default-horizontal-margin #{$important};
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@mixin add-left-margin($important: "") {
|
|
27
|
+
margin-left: $default-horizontal-margin #{$important};
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@mixin add-label-margin {
|
|
31
|
+
margin-bottom: $default-label-margin;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@mixin add-vertical-padding($important: "") {
|
|
35
|
+
@include add-top-padding($important);
|
|
36
|
+
@include add-bottom-padding($important);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@mixin add-top-padding($important: "") {
|
|
40
|
+
padding-top: $default-vertical-padding #{$important};
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@mixin add-bottom-padding($important: "") {
|
|
44
|
+
padding-bottom: $default-vertical-padding #{$important};
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@mixin box-sizing {
|
|
48
|
+
-webkit-box-sizing: border-box;
|
|
49
|
+
-moz-box-sizing: border-box;
|
|
50
|
+
box-sizing: border-box;
|
|
51
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* ==========================================================================
|
|
2
|
+
Bootstrap 2 navigation list (removed from Bootstrap 3)
|
|
3
|
+
http://getbootstrap.com/2.3.2/components.html#navs
|
|
4
|
+
Ported from http://bit.ly/1pbZRYA, variable names updated
|
|
5
|
+
========================================================================== */
|
|
6
|
+
|
|
7
|
+
.nav-list {
|
|
8
|
+
padding-left: 15px;
|
|
9
|
+
padding-right: 15px;
|
|
10
|
+
margin-bottom: 0;
|
|
11
|
+
|
|
12
|
+
.well & {
|
|
13
|
+
margin: -11px -20px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
// Nav headers (for dropdowns and lists)
|
|
17
|
+
.nav-header {
|
|
18
|
+
display: block;
|
|
19
|
+
padding: 3px 15px;
|
|
20
|
+
font-size: 11px;
|
|
21
|
+
font-weight: bold;
|
|
22
|
+
line-height: $line-height-computed;
|
|
23
|
+
color: $gray-light;
|
|
24
|
+
text-transform: uppercase;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// Space them out when they follow another list item (link)
|
|
28
|
+
li + .nav-header {
|
|
29
|
+
margin-top: 9px;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.nav-list > li > a,
|
|
34
|
+
.nav-list .nav-header {
|
|
35
|
+
margin-left: -15px;
|
|
36
|
+
margin-right: -15px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.nav-list > li > a {
|
|
40
|
+
padding: 3px 15px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.nav-list > .active > a,
|
|
44
|
+
.nav-list > .active > a:visited,
|
|
45
|
+
.nav-list > .active > a:hover,
|
|
46
|
+
.nav-list > .active > a:focus {
|
|
47
|
+
color: #fff;
|
|
48
|
+
background-color: $link-color;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.nav-list [class^="glyphicon-"],
|
|
52
|
+
.nav-list [class*=" glyphicon-"] {
|
|
53
|
+
margin-right: 2px;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
// Dividers (basically an hr) within the dropdown
|
|
57
|
+
.nav-list .divider {
|
|
58
|
+
@include nav-divider();
|
|
59
|
+
}
|
|
@@ -1,14 +1,34 @@
|
|
|
1
|
+
/* ==========================================================================
|
|
2
|
+
Fonts
|
|
3
|
+
========================================================================== */
|
|
4
|
+
|
|
1
5
|
$font-family-gill-sans: "GillSans", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
|
|
2
|
-
$default-vertical-margin: $line-height-computed;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
/* ==========================================================================
|
|
8
|
+
Margins
|
|
9
|
+
========================================================================== */
|
|
10
|
+
|
|
11
|
+
$default-vertical-margin: $line-height-computed;
|
|
12
|
+
$default-vertical-padding: $default-vertical-margin;
|
|
13
|
+
$default-horizontal-margin: $grid-gutter-width / 3;
|
|
14
|
+
|
|
15
|
+
// Simulate bootstrap labels spacing (no built-in variable for this)
|
|
16
|
+
$default-label-margin: 5px;
|
|
17
|
+
|
|
18
|
+
/* ==========================================================================
|
|
19
|
+
Colours
|
|
20
|
+
========================================================================== */
|
|
21
|
+
|
|
5
22
|
$link-color-visited : #609; /* Purple */
|
|
6
23
|
|
|
7
24
|
// From https://www.gov.uk/service-manual/user-centered-design/resources/colour-palettes
|
|
8
25
|
$turquoise : #28a197;
|
|
9
26
|
$orange : #f47738;
|
|
10
27
|
|
|
11
|
-
|
|
28
|
+
/* ==========================================================================
|
|
29
|
+
Buttons
|
|
30
|
+
========================================================================== */
|
|
31
|
+
|
|
12
32
|
$default-btn-height : 30px;
|
|
13
33
|
|
|
14
34
|
$primary-button-color : #fff; /* White */
|
|
@@ -19,7 +39,10 @@ $danger-button-color : #fff;
|
|
|
19
39
|
$warning-button-color : #fff;
|
|
20
40
|
$default-button-color : #333; /* Dark grey */
|
|
21
41
|
|
|
22
|
-
|
|
42
|
+
/* ==========================================================================
|
|
43
|
+
Environments
|
|
44
|
+
========================================================================== */
|
|
45
|
+
|
|
23
46
|
$production-color: #df3034; /* Red */
|
|
24
47
|
$preview-color: #ffbf47; /* Orange */
|
|
25
48
|
$dev-color: #bfc1c3; /* Grey */
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
@import 'bootstrap';
|
|
2
|
-
@import 'govuk_admin_template/buttons'; // overrides bootstrap buttons
|
|
3
2
|
@import 'govuk_admin_template/theme';
|
|
3
|
+
@import 'govuk_admin_template/mixins';
|
|
4
|
+
@import 'govuk_admin_template/bootstrap_overrides';
|
|
5
|
+
@import 'govuk_admin_template/nav_list';
|
|
4
6
|
@import 'govuk_admin_template/base';
|
|
5
7
|
|
|
6
8
|
// Components
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<% content_for(:page_title, 'Admin template style guide') %>
|
|
2
2
|
|
|
3
|
-
<div class="page-
|
|
3
|
+
<div class="page-header">
|
|
4
4
|
<h1>
|
|
5
5
|
Admin template style guide
|
|
6
6
|
</h1>
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
UK Space Agency
|
|
83
83
|
</h1>
|
|
84
84
|
</div>
|
|
85
|
-
<p class="subtitle">UKSA is an executive agency of <a href="
|
|
85
|
+
<p class="subtitle">UKSA is an executive agency of <a href="<%= @normal_link_href %>">BIS</a></p>
|
|
86
86
|
|
|
87
87
|
<div class="page-title with-border">
|
|
88
88
|
<h1>
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
UK Space Agency
|
|
91
91
|
</h1>
|
|
92
92
|
</div>
|
|
93
|
-
<p class="subtitle">UKSA is an executive agency of <a href="
|
|
93
|
+
<p class="subtitle">UKSA is an executive agency of <a href="<%= @normal_link_href %>">BIS</a></p>
|
|
94
94
|
|
|
95
95
|
</header>
|
|
96
96
|
</section>
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
</label>
|
|
139
139
|
</div>
|
|
140
140
|
</th>
|
|
141
|
-
<th><a href="
|
|
141
|
+
<th><a href="<%= @normal_link_href %>" class="btn btn-default">Action</a></th>
|
|
142
142
|
</tr>
|
|
143
143
|
</thead>
|
|
144
144
|
<tbody>
|
|
@@ -175,12 +175,12 @@
|
|
|
175
175
|
<p>Purple <code>:visited</code> styles have been added. These apply to the main content but not to buttons.</p>
|
|
176
176
|
</div>
|
|
177
177
|
<div class="col-md-6">
|
|
178
|
-
<a href="
|
|
179
|
-
<a href="
|
|
180
|
-
<a href="
|
|
181
|
-
An <a href="
|
|
182
|
-
<a href="
|
|
183
|
-
<a href="
|
|
178
|
+
<a href="<%= @normal_link_href %>" class="link-muted">Muted link</a><br><br>
|
|
179
|
+
<a href="<%= @visited_link_href %>">Visited link</a><br><br>
|
|
180
|
+
<a href="<%= @normal_link_href %>">Normal link</a><br><br>
|
|
181
|
+
An <a href="<%= @visited_link_href %>" class="link-inherit">underlined link</a> that inherits its colour<br><br>
|
|
182
|
+
<a href="<%= @visited_link_href %>" class="btn btn-default">Visited button link</a><br><br>
|
|
183
|
+
<a href="<%= @visited_link_href %>" class="btn btn-success">Another visited button link</a><br><br>
|
|
184
184
|
</div>
|
|
185
185
|
</div>
|
|
186
186
|
|
|
@@ -189,19 +189,19 @@
|
|
|
189
189
|
<div class="col-md-3">
|
|
190
190
|
<h4 class="add-bottom-margin">List group with content</h4>
|
|
191
191
|
<div class="list-group">
|
|
192
|
-
<a href="
|
|
192
|
+
<a href="<%= @visited_link_href %>" class="list-group-item active">
|
|
193
193
|
<h4 class="list-group-item-heading">Active visited link</h4>
|
|
194
194
|
<p class="list-group-item-text">Active visited link</p>
|
|
195
195
|
</a>
|
|
196
|
-
<a href="
|
|
196
|
+
<a href="<%= @normal_link_href %>" class="list-group-item active">
|
|
197
197
|
<h4 class="list-group-item-heading">Active normal link</h4>
|
|
198
198
|
<p class="list-group-item-text">Active normal link</p>
|
|
199
199
|
</a>
|
|
200
|
-
<a href="
|
|
200
|
+
<a href="<%= @visited_link_href %>" class="list-group-item">
|
|
201
201
|
<h4 class="list-group-item-heading">Visited link</h4>
|
|
202
202
|
<p class="list-group-item-text">Visited link</p>
|
|
203
203
|
</a>
|
|
204
|
-
<a href="
|
|
204
|
+
<a href="<%= @normal_link_href %>" class="list-group-item">
|
|
205
205
|
<h4 class="list-group-item-heading">Normal link</h4>
|
|
206
206
|
<p class="list-group-item-text">Normal link</p>
|
|
207
207
|
</a>
|
|
@@ -210,31 +210,31 @@
|
|
|
210
210
|
<div class="col-md-3">
|
|
211
211
|
<h4 class="add-bottom-margin">List group</h4>
|
|
212
212
|
<div class="list-group">
|
|
213
|
-
<a href="
|
|
213
|
+
<a href="<%= @visited_link_href %>" class="list-group-item active">
|
|
214
214
|
Active visited link style
|
|
215
215
|
</a>
|
|
216
|
-
<a href="
|
|
216
|
+
<a href="<%= @normal_link_href %>" class="list-group-item active">
|
|
217
217
|
Active normal link style
|
|
218
218
|
</a>
|
|
219
|
-
<a href="
|
|
220
|
-
<a href="
|
|
219
|
+
<a href="<%= @visited_link_href %>" class="list-group-item">Visited link</a>
|
|
220
|
+
<a href="<%= @normal_link_href %>" class="list-group-item">Normal link</a>
|
|
221
221
|
</div>
|
|
222
222
|
</div>
|
|
223
223
|
<div class="col-md-3">
|
|
224
224
|
<h4 class="add-bottom-margin">Navigation pills</h4>
|
|
225
225
|
<ul class="nav nav-pills nav-stacked">
|
|
226
|
-
<li class="active"><a href="
|
|
227
|
-
<li class="active"><a href="
|
|
228
|
-
<li><a href="
|
|
229
|
-
<li><a href="
|
|
226
|
+
<li class="active"><a href="<%= @visited_link_href %>">Active visited link</a></li>
|
|
227
|
+
<li class="active"><a href="<%= @normal_link_href %>">Active normal link</a></li>
|
|
228
|
+
<li><a href="<%= @visited_link_href %>">Visited link</a></li>
|
|
229
|
+
<li><a href="<%= @normal_link_href %>">Normal link</a></li>
|
|
230
230
|
<li>
|
|
231
231
|
<div class="btn-group open">
|
|
232
232
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
|
233
233
|
Dropdown in navigation pill <span class="caret"></span>
|
|
234
234
|
</button>
|
|
235
235
|
<ul class="dropdown-menu" role="menu">
|
|
236
|
-
<li><a href="
|
|
237
|
-
<li><a href="
|
|
236
|
+
<li><a href="<%= @visited_link_href %>">Visited link</a></li>
|
|
237
|
+
<li><a href="<%= @normal_link_href %>">Normal link</a></li>
|
|
238
238
|
</ul>
|
|
239
239
|
</div>
|
|
240
240
|
</li>
|
|
@@ -248,10 +248,68 @@
|
|
|
248
248
|
Action <span class="caret"></span>
|
|
249
249
|
</button>
|
|
250
250
|
<ul class="dropdown-menu" role="menu">
|
|
251
|
-
<li class="active"><a href="
|
|
252
|
-
<li class="active"><a href="
|
|
253
|
-
<li><a href="
|
|
254
|
-
<li><a href="
|
|
251
|
+
<li class="active"><a href="<%= @visited_link_href %>">Active visited link</a></li>
|
|
252
|
+
<li class="active"><a href="<%= @normal_link_href %>">Active normal link</a></li>
|
|
253
|
+
<li><a href="<%= @visited_link_href %>">Visited link</a></li>
|
|
254
|
+
<li><a href="<%= @normal_link_href %>">Normal link</a></li>
|
|
255
|
+
</ul>
|
|
256
|
+
</div>
|
|
257
|
+
</div>
|
|
258
|
+
</div>
|
|
259
|
+
<hr>
|
|
260
|
+
|
|
261
|
+
<h2>Nav lists</h2>
|
|
262
|
+
<div class="row">
|
|
263
|
+
<p class="col-md-4 lead">
|
|
264
|
+
<a href="http://stackoverflow.com/questions/18281636/what-replaces-nav-lists-in-bootstrap-3">Bootstrap 3 removed</a> the <code>nav-list</code> classes and <a href="http://getbootstrap.com/2.3.2/components.html#navs">design pattern</a>. For backwards compatibility these styles have been put back, but it’s advised to avoid this pattern.
|
|
265
|
+
</p>
|
|
266
|
+
<div class="col-md-4">
|
|
267
|
+
<div class="well sidebar-nav">
|
|
268
|
+
<ul class="nav nav-list">
|
|
269
|
+
<li class="nav-header">Filter by Status</li>
|
|
270
|
+
<li class="active status-option drafts">
|
|
271
|
+
<a href="<%= @normal_link_href %>">Normal active <span class="badge pull-right">80</span></a>
|
|
272
|
+
</li>
|
|
273
|
+
<li class="status-option amends_needed">
|
|
274
|
+
<a href="<%= @normal_link_href %>">Normal link <span class="badge pull-right">33</span></a>
|
|
275
|
+
</li>
|
|
276
|
+
<li class="active status-option in_review">
|
|
277
|
+
<a href="<%= @visited_link_href %>">Visited active <span class="badge pull-right">19</span></a>
|
|
278
|
+
</li>
|
|
279
|
+
<li class="status-option out_for_fact_check">
|
|
280
|
+
<a href="<%= @visited_link_href %>">Visited link <span class="badge pull-right">71</span></a>
|
|
281
|
+
</li>
|
|
282
|
+
<li class="status-option fact_check_received">
|
|
283
|
+
<a href="<%= @normal_link_href %>">Fact check received <span class="badge pull-right">15</span></a>
|
|
284
|
+
</li>
|
|
285
|
+
<li class="status-option ready">
|
|
286
|
+
<a href="<%= @normal_link_href %>">Ready <span class="badge pull-right">89</span></a>
|
|
287
|
+
</li>
|
|
288
|
+
<li class="status-option scheduled_for_publishing">
|
|
289
|
+
<a href="<%= @normal_link_href %>">Scheduled <span class="badge pull-right">3</span></a>
|
|
290
|
+
</li>
|
|
291
|
+
<li class="status-option published">
|
|
292
|
+
<a href="<%= @normal_link_href %>">Published <span class="badge pull-right">3161</span></a>
|
|
293
|
+
</li>
|
|
294
|
+
<li class="status-option archived">
|
|
295
|
+
<a href="<%= @normal_link_href %>">Archived <span class="badge pull-right">12583</span></a>
|
|
296
|
+
</li>
|
|
297
|
+
</ul>
|
|
298
|
+
</div>
|
|
299
|
+
</div>
|
|
300
|
+
<div class="col-md-4">
|
|
301
|
+
<div class="well">
|
|
302
|
+
<ul class="nav nav-list">
|
|
303
|
+
<li class="nav-header">List header</li>
|
|
304
|
+
<li class="active"><a href="<%= @normal_link_href %>">Home</a></li>
|
|
305
|
+
<li><a href="<%= @normal_link_href %>">Library</a></li>
|
|
306
|
+
<li><a href="<%= @normal_link_href %>">Applications</a></li>
|
|
307
|
+
<li class="nav-header">Another list header</li>
|
|
308
|
+
<li><a href="<%= @normal_link_href %>">Profile</a></li>
|
|
309
|
+
<li><a href="<%= @normal_link_href %>">Settings</a></li>
|
|
310
|
+
<li><a href="<%= @normal_link_href %>">Drafts</a></li>
|
|
311
|
+
<li class="divider"></li>
|
|
312
|
+
<li><a href="<%= @normal_link_href %>">Help</a></li>
|
|
255
313
|
</ul>
|
|
256
314
|
</div>
|
|
257
315
|
</div>
|
|
@@ -304,7 +362,7 @@
|
|
|
304
362
|
<div class="col-md-6">
|
|
305
363
|
<p class="no-content">No mappings available</p>
|
|
306
364
|
<p class="no-content no-content-bordered">Bordered message</p>
|
|
307
|
-
<p class="no-content">A longer, multi-line no content message. Do labore et <a href="
|
|
365
|
+
<p class="no-content">A longer, multi-line no content message. Do labore et <a href="<%= @normal_link_href %>">dolore magna aliqua</a>.</p>
|
|
308
366
|
</div>
|
|
309
367
|
</div>
|
|
310
368
|
<hr>
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: govuk_admin_template
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 1.0.0
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2014-06-
|
|
12
|
+
date: 2014-06-13 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: rails
|
|
@@ -149,12 +149,15 @@ files:
|
|
|
149
149
|
- app/views/layouts/govuk_admin_template.html.erb
|
|
150
150
|
- app/views/govuk_admin_template/style_guide/index.html.erb
|
|
151
151
|
- app/assets/stylesheets/govuk_admin_template/theme.css.scss
|
|
152
|
+
- app/assets/stylesheets/govuk_admin_template/nav_list.css.scss
|
|
152
153
|
- app/assets/stylesheets/govuk_admin_template/tables.css.scss
|
|
154
|
+
- app/assets/stylesheets/govuk_admin_template/bootstrap_overrides.css.scss
|
|
153
155
|
- app/assets/stylesheets/govuk_admin_template/style_guide.css.scss
|
|
154
156
|
- app/assets/stylesheets/govuk_admin_template/navbar.css.scss
|
|
155
157
|
- app/assets/stylesheets/govuk_admin_template/toggles.css.scss
|
|
156
158
|
- app/assets/stylesheets/govuk_admin_template/base.css.scss
|
|
157
159
|
- app/assets/stylesheets/govuk_admin_template/buttons.css.scss
|
|
160
|
+
- app/assets/stylesheets/govuk_admin_template/mixins.css.scss
|
|
158
161
|
- app/assets/stylesheets/govuk_admin_template.scss
|
|
159
162
|
- app/assets/images/govuk_admin_template/favicon-preview.png
|
|
160
163
|
- app/assets/images/govuk_admin_template/favicon.png
|
|
@@ -197,7 +200,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
197
200
|
version: '0'
|
|
198
201
|
segments:
|
|
199
202
|
- 0
|
|
200
|
-
hash:
|
|
203
|
+
hash: -3974653869644842015
|
|
201
204
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
202
205
|
none: false
|
|
203
206
|
requirements:
|
|
@@ -206,7 +209,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
206
209
|
version: '0'
|
|
207
210
|
segments:
|
|
208
211
|
- 0
|
|
209
|
-
hash:
|
|
212
|
+
hash: -3974653869644842015
|
|
210
213
|
requirements: []
|
|
211
214
|
rubyforge_project:
|
|
212
215
|
rubygems_version: 1.8.23
|