@ministryofjustice/frontend 4.0.0 → 4.0.1
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.
- package/moj/all.js +1 -1
- package/moj/components/button-menu/_button-menu.scss +6 -2
- package/moj/components/page-header-actions/template.njk +1 -1
- package/moj/moj-frontend.min.css +1 -1
- package/moj/moj-frontend.min.css.map +1 -1
- package/moj/objects/_button-group.scss +15 -1
- package/package.json +1 -1
|
@@ -59,6 +59,7 @@
|
|
|
59
59
|
margin-bottom: 0;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
+
// Set button menu to full width on mobile to match GOV.UK Frontend
|
|
62
63
|
@include govuk-media-query($until: tablet) {
|
|
63
64
|
.moj-button-menu,
|
|
64
65
|
.moj-button-menu__wrapper,
|
|
@@ -73,7 +74,7 @@
|
|
|
73
74
|
|
|
74
75
|
// On tablet and above, we also introduce a 'column gap' between the
|
|
75
76
|
// buttons and links in each row and left align links
|
|
76
|
-
@
|
|
77
|
+
@mixin moj-button-group-inline() {
|
|
77
78
|
// Cancel out the column gap for the last item in each row
|
|
78
79
|
margin-right: ($horizontal-gap * -1);
|
|
79
80
|
|
|
@@ -84,6 +85,7 @@
|
|
|
84
85
|
.govuk-button,
|
|
85
86
|
.govuk-link,
|
|
86
87
|
.moj-button-menu {
|
|
88
|
+
width: auto;
|
|
87
89
|
margin-right: $horizontal-gap;
|
|
88
90
|
}
|
|
89
91
|
|
|
@@ -95,4 +97,16 @@
|
|
|
95
97
|
text-align: left;
|
|
96
98
|
}
|
|
97
99
|
}
|
|
100
|
+
|
|
101
|
+
// Inline buttons on mobile (optional)
|
|
102
|
+
&--inline {
|
|
103
|
+
@include govuk-media-query($until: tablet) {
|
|
104
|
+
@include moj-button-group-inline;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
// Inline buttons on tablet and desktop
|
|
109
|
+
@include govuk-media-query($from: tablet) {
|
|
110
|
+
@include moj-button-group-inline;
|
|
111
|
+
}
|
|
98
112
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ministryofjustice/frontend",
|
|
3
3
|
"description": "The MOJ Frontend contains the code you need to start building user interfaces for UK Ministry of Justice government services.",
|
|
4
|
-
"version": "4.0.
|
|
4
|
+
"version": "4.0.1",
|
|
5
5
|
"main": "moj/all.js",
|
|
6
6
|
"module": "moj/all.mjs",
|
|
7
7
|
"sass": "moj/all.scss",
|