From 7e2c36ddd65ec26797e5d5408434117a663857fb Mon Sep 17 00:00:00 2001 From: EarthlingDavey <15802017+EarthlingDavey@users.noreply.github.com> Date: Wed, 30 Oct 2024 15:29:06 +0000 Subject: [PATCH] CDPT-2223 Update logo for heartbeat and test version modals (#756) * CDPT-2223 Update logo for heartbeat and test version modals * Update logo on login screen --- .../globals/images/crown_copyright_logo.png | Bin 8884 -> 0 bytes .../src/globals/images/tudor_crest_black.svg | 172 ++++++++++++++++++ .../clarity/src/globals/js/auth-heartbeat.js | 9 +- .../clarity/src/globals/sass/login.scss | 2 +- 4 files changed, 178 insertions(+), 5 deletions(-) delete mode 100644 public/app/themes/clarity/src/globals/images/crown_copyright_logo.png create mode 100644 public/app/themes/clarity/src/globals/images/tudor_crest_black.svg diff --git a/public/app/themes/clarity/src/globals/images/crown_copyright_logo.png b/public/app/themes/clarity/src/globals/images/crown_copyright_logo.png deleted file mode 100644 index 78e751cc20fa7da9b2f13f3dda9a40299817fb2c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8884 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 diff --git a/public/app/themes/clarity/src/globals/images/tudor_crest_black.svg b/public/app/themes/clarity/src/globals/images/tudor_crest_black.svg new file mode 100644 index 000000000..8311f2bd7 --- /dev/null +++ b/public/app/themes/clarity/src/globals/images/tudor_crest_black.svg @@ -0,0 +1,172 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/app/themes/clarity/src/globals/js/auth-heartbeat.js b/public/app/themes/clarity/src/globals/js/auth-heartbeat.js index f89e2b0f5..3bdd7b12f 100644 --- a/public/app/themes/clarity/src/globals/js/auth-heartbeat.js +++ b/public/app/themes/clarity/src/globals/js/auth-heartbeat.js @@ -30,7 +30,8 @@ export default (function ($) { maxWidth: '110px', height: 'auto', float: 'left', - marginRight: '30px' + marginRight: '30px', + paddingBottom: '10px' }, button: { continue: { @@ -115,9 +116,9 @@ export default (function ($) { // This element is on frontend and admin views. The frontend html has `font-size: 62.5%`, so use px values here. const heading = $('').text(title).css({fontWeight:'700', fontSize: '20px', lineHeight: '1.2', margin: 0}) - const content = $('').html(html).css({}) + const content = $('').html(html).css({ clear: 'both' }) const image = $('', { - src: '/app/themes/clarity/dist/images/crown_copyright_logo.png', + src: '/app/themes/clarity/dist/images/tudor_crest.svg', alt: 'Crown copyright logo', }).css(Backdrop.style.img); @@ -131,7 +132,7 @@ export default (function ($) { confirm: () => { if (Backdrop.cookie.get() !== Backdrop.cookie.value) { const title = 'You are about to view a test version of the MoJ Intranet' - const html = '
To participate in user acceptance testing, please continue.

' + + const html = 'To participate in user acceptance testing, please continue.

' + '   or   ' + '  Visit the live Intranet  ' diff --git a/public/app/themes/clarity/src/globals/sass/login.scss b/public/app/themes/clarity/src/globals/sass/login.scss index ad2547c1b..184ced72c 100644 --- a/public/app/themes/clarity/src/globals/sass/login.scss +++ b/public/app/themes/clarity/src/globals/sass/login.scss @@ -6,7 +6,7 @@ body.login { margin-bottom: 15px; a { - background-image: url('../images/moj-logo-crest.svg'); + background-image: url('../images/tudor_crest_black.svg'); background-size: 100px; height: 94px; width: 104px;