mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-08 01:38:25 -04:00
images and overrides
This commit is contained in:
@@ -92,8 +92,8 @@
|
|||||||
|
|
||||||
<h2 class="govuk-visually-hidden">Support links</h2>
|
<h2 class="govuk-visually-hidden">Support links</h2>
|
||||||
<div class="govuk-footer__meta-custom">
|
<div class="govuk-footer__meta-custom">
|
||||||
Built by the <a href="https://www.gov.uk/government/organisations/government-digital-service"
|
Built by the <a href="https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services/tts-solutions"
|
||||||
class="govuk-footer__link">Government Digital Service</a>
|
class="govuk-footer__link">Technology Transformation Service</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<svg role="presentation" focusable="false" class="govuk-footer__licence-logo"
|
<svg role="presentation" focusable="false" class="govuk-footer__licence-logo"
|
||||||
@@ -108,11 +108,11 @@
|
|||||||
Government Licence v3.0</a>, except where otherwise stated
|
Government Licence v3.0</a>, except where otherwise stated
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="govuk-footer__meta-item">
|
<!-- <div class="govuk-footer__meta-item">
|
||||||
<a class="govuk-footer__link govuk-footer__copyright-logo"
|
<a class="govuk-footer__link govuk-footer__copyright-logo"
|
||||||
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/">©
|
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/">©
|
||||||
Crown copyright</a>
|
US copyright</a>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 58 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 48 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 67 KiB |
BIN
app/assets/images/product/Notify-Mock-Screens-x4.sketch
Normal file
BIN
app/assets/images/product/Notify-Mock-Screens-x4.sketch
Normal file
Binary file not shown.
@@ -40,7 +40,9 @@
|
|||||||
box-shadow: 0 -3px 0 0 $grey-3;
|
box-shadow: 0 -3px 0 0 $grey-3;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--live, &--test, &--operator {
|
&--live,
|
||||||
|
&--test,
|
||||||
|
&--operator {
|
||||||
// This uses new Design System colours to match .govuk-tag--red
|
// This uses new Design System colours to match .govuk-tag--red
|
||||||
background: #F6D7D2;
|
background: #F6D7D2;
|
||||||
color: #942514;
|
color: #942514;
|
||||||
@@ -171,7 +173,8 @@
|
|||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus { // override the :hover style (the focus style has its own underline)
|
&:focus {
|
||||||
|
// override the :hover style (the focus style has its own underline)
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -236,8 +239,9 @@
|
|||||||
&__item--active {
|
&__item--active {
|
||||||
@include bold-16;
|
@include bold-16;
|
||||||
|
|
||||||
a:link, a:visited {
|
a:link,
|
||||||
|
a:visited {
|
||||||
color: $text-colour;
|
color: $text-colour;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -58,3 +58,11 @@
|
|||||||
.govuk-\!-display-none {
|
.govuk-\!-display-none {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.govuk-header__logotype {
|
||||||
|
margin-right: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.govuk-header__logotype-text {
|
||||||
|
margin-left: 5px !important;
|
||||||
|
}
|
||||||
@@ -35,7 +35,7 @@ def _create_example_template(service_id):
|
|||||||
example_sms_template = service_api_client.create_service_template(
|
example_sms_template = service_api_client.create_service_template(
|
||||||
'Example text message template',
|
'Example text message template',
|
||||||
'sms',
|
'sms',
|
||||||
'Hey ((name)), I’m trying out Notify. Today is ((day of week)) and my favourite colour is ((colour)).',
|
'Hi, I’m trying out US Notify. Today is ((day of week)) and my favourite colour is ((colour)).',
|
||||||
service_id,
|
service_id,
|
||||||
)
|
)
|
||||||
return example_sms_template
|
return example_sms_template
|
||||||
|
|||||||
@@ -77,7 +77,7 @@ def get_example_csv_fields(column_headers, use_example_as_example, submitted_fie
|
|||||||
def get_example_csv_rows(template, use_example_as_example=True, submitted_fields=False):
|
def get_example_csv_rows(template, use_example_as_example=True, submitted_fields=False):
|
||||||
return {
|
return {
|
||||||
'email': ['test@example.com'] if use_example_as_example else [current_user.email_address],
|
'email': ['test@example.com'] if use_example_as_example else [current_user.email_address],
|
||||||
'sms': ['07700 900321'] if use_example_as_example else [current_user.mobile_number],
|
'sms': ['12223334444'] if use_example_as_example else [current_user.mobile_number],
|
||||||
'letter': [
|
'letter': [
|
||||||
(submitted_fields or {}).get(
|
(submitted_fields or {}).get(
|
||||||
key, get_example_letter_address(key) if use_example_as_example else key
|
key, get_example_letter_address(key) if use_example_as_example else key
|
||||||
|
|||||||
@@ -154,9 +154,9 @@
|
|||||||
] %}
|
] %}
|
||||||
|
|
||||||
{% if current_service and current_service.research_mode %}
|
{% if current_service and current_service.research_mode %}
|
||||||
{% set meta_suffix = 'Built by the <a href="https://www.gov.uk/government/organisations/government-digital-service" class="govuk-footer__link">Government Digital Service</a><span id="research-mode" class="research-mode">research mode</span>' %}
|
{% set meta_suffix = 'Built by the <a href="https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services/tts-solutions" class="govuk-footer__link">Technology Transformation Service</a><span id="research-mode" class="research-mode">research mode</span>' %}
|
||||||
{% else %}
|
{% else %}
|
||||||
{% set meta_suffix = 'Built by the <a href="https://www.gov.uk/government/organisations/government-digital-service" class="govuk-footer__link">Government Digital Service</a>' %}
|
{% set meta_suffix = 'Built by the <a href="https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services/tts-solutions" class="govuk-footer__link">Technology Transformation Service</a>' %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{{ govukFooter({
|
{{ govukFooter({
|
||||||
|
|||||||
@@ -29,6 +29,7 @@
|
|||||||
"wholroyd.jinja",
|
"wholroyd.jinja",
|
||||||
"pmbenjamin.vscode-snyk",
|
"pmbenjamin.vscode-snyk",
|
||||||
"visualstudioexptteam.vscodeintellicode",
|
"visualstudioexptteam.vscodeintellicode",
|
||||||
|
"visualstudioexptteam.intellicode-api-usage-examples",
|
||||||
"yzhang.markdown-all-in-one",
|
"yzhang.markdown-all-in-one",
|
||||||
"GitHub.copilot"
|
"GitHub.copilot"
|
||||||
],
|
],
|
||||||
|
|||||||
72
gulpfile.js
72
gulpfile.js
@@ -81,7 +81,10 @@ const copy = {
|
|||||||
_templates.forEach(name => {
|
_templates.forEach(name => {
|
||||||
let _src = [
|
let _src = [
|
||||||
paths.govuk_frontend + 'components/' + name + '/macro.njk',
|
paths.govuk_frontend + 'components/' + name + '/macro.njk',
|
||||||
paths.govuk_frontend + 'components/' + name + '/template.njk'
|
paths.govuk_frontend + 'components/' + name + '/template.njk',
|
||||||
|
paths.govuk_frontend + 'components/' + name + '/_' + name + '.scss',
|
||||||
|
paths.govuk_frontend + 'components/' + name + '/README.md',
|
||||||
|
paths.govuk_frontend + 'components/' + name + '/macro-options.json'
|
||||||
];
|
];
|
||||||
let _dest = paths.templates + 'vendor/govuk-frontend/components/' + name;
|
let _dest = paths.templates + 'vendor/govuk-frontend/components/' + name;
|
||||||
|
|
||||||
@@ -92,15 +95,15 @@ const copy = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
src(_src)
|
src(_src)
|
||||||
.pipe(
|
.pipe(
|
||||||
dest(_dest)
|
dest(_dest)
|
||||||
.on('end', () => { // resolve promise if all copied
|
.on('end', () => { // resolve promise if all copied
|
||||||
done = done + 1;
|
done = done + 1;
|
||||||
if (done === _templates.length) {
|
if (done === _templates.length) {
|
||||||
cb();
|
cb();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -186,10 +189,10 @@ const javascripts = () => {
|
|||||||
paths.src + 'javascripts/homepage.js',
|
paths.src + 'javascripts/homepage.js',
|
||||||
paths.src + 'javascripts/main.js',
|
paths.src + 'javascripts/main.js',
|
||||||
])
|
])
|
||||||
.pipe(plugins.prettyerror())
|
.pipe(plugins.prettyerror())
|
||||||
.pipe(plugins.babel({
|
.pipe(plugins.babel({
|
||||||
presets: ['@babel/preset-env']
|
presets: ['@babel/preset-env']
|
||||||
}));
|
}));
|
||||||
|
|
||||||
// return single stream of all vinyl objects piped from the end of the vendored stream, then
|
// return single stream of all vinyl objects piped from the end of the vendored stream, then
|
||||||
// those from the end of the local stream
|
// those from the end of the local stream
|
||||||
@@ -202,10 +205,10 @@ const javascripts = () => {
|
|||||||
|
|
||||||
const sass = () => {
|
const sass = () => {
|
||||||
return src([
|
return src([
|
||||||
paths.src + '/stylesheets/main*.scss',
|
paths.src + '/stylesheets/main*.scss',
|
||||||
paths.src + '/stylesheets/map.scss',
|
paths.src + '/stylesheets/map.scss',
|
||||||
paths.src + '/stylesheets/print.scss'
|
paths.src + '/stylesheets/print.scss'
|
||||||
])
|
])
|
||||||
.pipe(plugins.prettyerror())
|
.pipe(plugins.prettyerror())
|
||||||
.pipe(plugins.sass.sync({
|
.pipe(plugins.sass.sync({
|
||||||
includePaths: [
|
includePaths: [
|
||||||
@@ -228,11 +231,12 @@ const sass = () => {
|
|||||||
|
|
||||||
const images = () => {
|
const images = () => {
|
||||||
return src([
|
return src([
|
||||||
paths.src + 'images/**/*',
|
// paths.toolkit + 'images/**/*',
|
||||||
paths.toolkit + 'images/**/*',
|
// paths.govuk_frontend + 'assets/images/**/*'
|
||||||
paths.template + 'assets/images/**/*',
|
paths.src + 'images/**/*',
|
||||||
paths.govuk_frontend + 'assets/images/**/*'
|
paths.template + 'assets/images/**/*'
|
||||||
])
|
|
||||||
|
])
|
||||||
.pipe(dest(paths.dist + 'images/'))
|
.pipe(dest(paths.dist + 'images/'))
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -260,21 +264,21 @@ const watchFiles = {
|
|||||||
const lint = {
|
const lint = {
|
||||||
'sass': () => {
|
'sass': () => {
|
||||||
return src([
|
return src([
|
||||||
paths.src + 'stylesheets/*.scss',
|
paths.src + 'stylesheets/*.scss',
|
||||||
paths.src + 'stylesheets/components/*.scss',
|
paths.src + 'stylesheets/components/*.scss',
|
||||||
paths.src + 'stylesheets/views/*.scss',
|
paths.src + 'stylesheets/views/*.scss',
|
||||||
])
|
])
|
||||||
.pipe(plugins.sassLint({
|
.pipe(plugins.sassLint({
|
||||||
'options': { 'formatter': 'stylish' },
|
'options': { 'formatter': 'stylish' },
|
||||||
'rules': { 'mixins-before-declarations': [2, { 'exclude': ['media', 'govuk-media-query'] } ] }
|
'rules': { 'mixins-before-declarations': [2, { 'exclude': ['media', 'govuk-media-query'] }] }
|
||||||
}))
|
}))
|
||||||
.pipe(plugins.sassLint.format())
|
.pipe(plugins.sassLint.format())
|
||||||
.pipe(plugins.sassLint.failOnError());
|
.pipe(plugins.sassLint.failOnError());
|
||||||
},
|
},
|
||||||
'js': (cb) => {
|
'js': (cb) => {
|
||||||
return src(
|
return src(
|
||||||
paths.src + 'javascripts/**/*.js'
|
paths.src + 'javascripts/**/*.js'
|
||||||
)
|
)
|
||||||
.pipe(plugins.jshint())
|
.pipe(plugins.jshint())
|
||||||
.pipe(plugins.jshint.reporter(stylish))
|
.pipe(plugins.jshint.reporter(stylish))
|
||||||
.pipe(plugins.jshint.reporter('fail'))
|
.pipe(plugins.jshint.reporter('fail'))
|
||||||
@@ -285,10 +289,10 @@ const lint = {
|
|||||||
// Default: compile everything
|
// Default: compile everything
|
||||||
const defaultTask = parallel(
|
const defaultTask = parallel(
|
||||||
parallel(
|
parallel(
|
||||||
copy.govuk_frontend.fonts,
|
// copy.govuk_frontend.fonts,
|
||||||
copy.govuk_frontend.templates,
|
// copy.govuk_frontend.templates,
|
||||||
images,
|
// copy.leaflet.js,
|
||||||
copy.leaflet.js
|
images
|
||||||
),
|
),
|
||||||
series(
|
series(
|
||||||
copy.error_pages,
|
copy.error_pages,
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<title>
|
<title>
|
||||||
Sorry, the service is unavailable – GOV.UK Notify
|
Sorry, the service is unavailable – US Notify
|
||||||
</title>
|
</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||||||
<meta name="theme-color" content="#0b0c0c" />
|
<meta name="theme-color" content="#0b0c0c" />
|
||||||
@@ -105,8 +105,8 @@
|
|||||||
|
|
||||||
<h2 class="govuk-visually-hidden">Support links</h2>
|
<h2 class="govuk-visually-hidden">Support links</h2>
|
||||||
<div class="govuk-footer__meta-custom">
|
<div class="govuk-footer__meta-custom">
|
||||||
Built by the <a href="https://www.gov.uk/government/organisations/government-digital-service"
|
Built by the <a href="https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services/tts-solutions"
|
||||||
class="govuk-footer__link">Government Digital Service</a>
|
class="govuk-footer__link">Technology Transformation Service</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<svg role="presentation" focusable="false" class="govuk-footer__licence-logo"
|
<svg role="presentation" focusable="false" class="govuk-footer__licence-logo"
|
||||||
@@ -121,11 +121,11 @@
|
|||||||
Government Licence v3.0</a>, except where otherwise stated
|
Government Licence v3.0</a>, except where otherwise stated
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="govuk-footer__meta-item">
|
<!-- <div class="govuk-footer__meta-item">
|
||||||
<a class="govuk-footer__link govuk-footer__copyright-logo"
|
<a class="govuk-footer__link govuk-footer__copyright-logo"
|
||||||
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/">©
|
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/">©
|
||||||
Crown copyright</a>
|
US copyright</a>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@@ -2927,6 +2927,10 @@ a:focus {
|
|||||||
margin-right: 0px
|
margin-right: 0px
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.govuk-header__logotype-text {
|
||||||
|
margin-left: 5px
|
||||||
|
}
|
||||||
|
|
||||||
.govuk-header__logotype-crown {
|
.govuk-header__logotype-crown {
|
||||||
margin-right: 1px;
|
margin-right: 1px;
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
|
|||||||
Reference in New Issue
Block a user