Skip to content

S28-4038 Overlapping Text#1040

Draft
a-sealey-justice-gov wants to merge 5 commits intomasterfrom
S28-4038-overlapping-text-b2c
Draft

S28-4038 Overlapping Text#1040
a-sealey-justice-gov wants to merge 5 commits intomasterfrom
S28-4038-overlapping-text-b2c

Conversation

@a-sealey-justice-gov
Copy link
Copy Markdown

@a-sealey-justice-gov a-sealey-justice-gov commented Aug 4, 2025 •
edited
Loading

JIRA link (if applicable)

https://tools.hmcts.net/jira/browse/S28-4038

Change description

Added function to move message

Does this PR introduce a breaking change? (check one with "x")

[ ] Yes
[ x] No

@hmcts-jenkins-cnp
Copy link
Copy Markdown
Contributor

hmcts-jenkins-cnp bot commented Aug 4, 2025 •
edited
Loading

Plan Result (stg)

⚠️ Resource Deletion will happen

This plan contains resource delete operation. Please check the plan result very carefully!

Plan: 2 to add, 9 to change, 2 to destroy.
  • Update
    • azurerm_key_vault_secret.appinsights-key
    • azurerm_key_vault_secret.appinsights_connection_string
    • azurerm_key_vault_secret.edit_password[0]
    • azurerm_key_vault_secret.sa_storage_account_connection_string
    • azurerm_key_vault_secret.vodasa_storage_account_connection_string
    • azurerm_key_vault_secret.vodasa_storage_account_primary_access_key
    • module.edit_vm[0].azurerm_managed_disk.managed_disks["datadisk1"]
    • module.finalsa_storage_account.azurerm_storage_account.storage_account
    • module.ingestsa_storage_account.azurerm_storage_account.storage_account
  • Replace
    • azurerm_storage_blob.b2c_config["b2c.js"]
    • azurerm_storage_blob.b2c_config["main.css"]
Change Result (Click me)

⚠️ The content is omitted as it is too long. ⚠️

  # azurerm_key_vault_secret.appinsights-key will be updated in-place
  ~ resource "azurerm_key_vault_secret" "appinsights-key" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-stg.vault.azure.net/secrets/AppInsightsInstrumentationKey/3824fbfd9e37439f8a0c156c018cc549"
        name                    = "AppInsightsInstrumentationKey"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.appinsights_connection_string will be updated in-place
  ~ resource "azurerm_key_vault_secret" "appinsights_connection_string" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-stg.vault.azure.net/secrets/app-insights-connection-string/2de0b698475e48dd8db173462d6a2a0d"
        name                    = "app-insights-connection-string"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.edit_password[0] will be updated in-place
  ~ resource "azurerm_key_vault_secret" "edit_password" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-stg.vault.azure.net/secrets/videditvm1-password/0ae17c91742c474d96854bbc0491094b"
        name                    = "videditvm1-password"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.sa_storage_account_connection_string will be updated in-place
  ~ resource "azurerm_key_vault_secret" "sa_storage_account_connection_string" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-stg.vault.azure.net/secrets/sa-storage-account-connection-string/0ebade2d395b4521bff89285049f9058"
        name                    = "sa-storage-account-connection-string"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.vodasa_storage_account_connection_string will be updated in-place
  ~ resource "azurerm_key_vault_secret" "vodasa_storage_account_connection_string" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-stg.vault.azure.net/secrets/vodasa-storage-account-connection-string/68813fe6443341acb63b19542485dcae"
        name                    = "vodasa-storage-account-connection-string"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.vodasa_storage_account_primary_access_key will be updated in-place
  ~ resource "azurerm_key_vault_secret" "vodasa_storage_account_primary_access_key" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-stg.vault.azure.net/secrets/vodasa-storage-account-primary-access-key/12b9920e922b4f498c20a84f77727575"
        name                    = "vodasa-storage-account-primary-access-key"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_storage_blob.b2c_config["b2c.js"] must be replaced
-/+ resource "azurerm_storage_blob" "b2c_config" {
      ~ access_tier            = "Hot" -> (known after apply)
      ~ id                     = "https://presastg.blob.core.windows.net/pre-b2c-container/js/b2c.js" -> (known after apply)
      ~ metadata               = {} -> (known after apply)
        name                   = "js/b2c.js"
      ~ source_content         = <<-EOT # forces replacement
            function moveForgotPassword() {
              const forgotPasswordId = 'forgotPassword'
              const forgotPassword = document.getElementById(forgotPasswordId);
            
              if (forgotPassword) {
                const text = forgotPassword.innerHTML;
                forgotPassword.remove();
            
                const newForgotPassword = document.createElement('a');
                newForgotPassword.id = forgotPasswordId;
                newForgotPassword.innerHTML = text;
                newForgotPassword.href = forgotPassword.href;
            
                const div = document.createElement('div');
                div.appendChild(newForgotPassword);
            
                const passwordInput = document.getElementById('password');
                passwordInput.parentNode.insertBefore(div, passwordInput.nextSibling);
              }
            }
            
            function moveRetryCode() {
              const retryCode = document.getElementById('retryCode');
            
              if (retryCode) {
                const text = retryCode.innerHTML;
                retryCode.remove();
            
                const newRetryCode = document.createElement('a');
                newRetryCode.id = 'retryCode';
                newRetryCode.innerHTML = text;
            
                const div = document.createElement('div');
                div.appendChild(newRetryCode);
            
                const verificationCodeInput = document.getElementById('verificationCode');
                verificationCodeInput.parentNode.insertBefore(div, verificationCodeInput.nextSibling);
              }
            }
            
            function addTsAndCsLink() {
              const tsAndCsBlock = document.getElementsByClassName('CheckboxMultiSelect')[0];
              if (tsAndCsBlock) {
                const tsAndCsLabel = tsAndCsBlock.getElementsByTagName('label')[0];
                const tsAndCsText = tsAndCsBlock.getElementsByTagName('label')[1];
                // fix the wrong for attribute supplied by B2C
                tsAndCsLabel.setAttribute('for', tsAndCsText.getAttribute('for'));
                if (tsAndCsText) {
                  tsAndCsText.innerHTML = tsAndCsText.innerHTML = 'I agree to the <a href="https://pre-portal.staging.platform.hmcts.net/terms-and-conditions" target="_blank">Terms &amp; Conditions</a> (including Acceptable Use) for the Section 28 Video on Demand Portal.'
                }
              }
            }
            
            function addPasswordCriteria() {
              const passwordAttrEntry = document.querySelector('#attributeList li.Password .attrEntry');
              if (passwordAttrEntry) {
                // passwordAttrEntry.setAttribute('style', 'margin-bottom: 2px;');
                const passwordDetails = document.createElement('details');
                passwordDetails.setAttribute('class', 'govuk-details');
                passwordDetails.setAttribute('data-module', 'govuk-details');
                passwordDetails.setAttribute('style', 'margin-top: 2px;');
                passwordDetails.innerHTML = '<summary class="govuk-details__summary">\n' +
                  '                          <span class="govuk-details__summary-text">Password criteria</span>\n' +
                  '                        </summary>\n' +
                  '                        <div class="govuk-details__text">\n' +
                  '                          Passwords must have at least 8 characters. <br />\n' +
                  '                          Passwords must contain characters from at least three of the\n' +
                  '                          following four classes: uppercase, lowercase, digit, and\n' +
                  '                          non-alphanumeric (special).\n' +
                  '                        </div>';
                passwordAttrEntry.appendChild(passwordDetails);
              }
            }
            
            function lowerCaseEmailAddresses() {
              // for our TLD email validation policy to work, we need the tld to be in lowercase...
              const emailInput = document.getElementById('email');
              if (emailInput) {
                emailInput.onblur = function () {
                  emailInput.value = emailInput.value.toLowerCase();
                }
              }
              const signInName = document.getElementById('signInName');
              if (signInName) {
                signInName.onblur = function () {
                  signInName.value = signInName.value.toLowerCase();
                }
              }
            }
            
            function removeAutofocus() {
              const inputFields = document.getElementsByTagName('input');
              for (let i = 0; i < inputFields.length; i++) {
                inputFields[i].removeAttribute('autofocus');
                inputFields[i].blur();
              }
            }
            
            function addDescriptiveErrors() {
              const verifyButton = document.getElementById('email_ver_but_send');
              const continueButton = document.getElementById('continue');
              const emailButton = document.getElementById('email');
            
              if (continueButton) {
                continueButton.addEventListener('click', validateErrors);
              }
            
              if (verifyButton) {
                verifyButton.addEventListener('click', validateErrors);
              }
            
              if (emailButton) {
                emailButton.addEventListener('click', validateErrors);
              }
            }
            
            function validateErrors() {
              const errorDivs = document.getElementsByClassName('error itemLevel');
              const pageLevelErrorDiv = document.getElementById('requiredFieldMissing');
              const errorFields = []
            
              if (errorDivs) {
                for (let i = 0; i < errorDivs.length; i++) {
                  const input = errorDivs[i].nextElementSibling;
            
                  if (input && input.tagName.toLowerCase() === 'input' && input.value.trim() === '') {
                    const placeholderText = input.getAttribute('placeholder');
                    const inputId = input.getAttribute('id');
            
                    errorFields.push({
                      placeholderText: placeholderText,
                      inputId: inputId
                    });
                    errorDivs[i].textContent = `This field is required: ${placeholderText.toLowerCase()}`;
            
                    pageLevelErrorDiv.className = "govuk-error-summary";
            
                  } else {
                    errorDivs[i].textContent = ''
                  }
            
                }
            
              }
            
              if (errorFields) {
                pageLevelErrorDiv.innerHTML = `
                        <p class="govuk-error-summary__title">The following required field(s) are missing:</p>
                        <div class="govuk-error-summary__body">
                        <ul class="govuk-list govuk-error-summary__list">
                             ${errorFields
                  .map(field => `<li><a href="#${field.inputId}" style="color:rgb(212,53,19);">${field.placeholderText}</a></li>`)
                  .join("")}
                        </ul>
                        </div>
                `;
              } else {
                pageLevelErrorDiv.textContent = "";
              }
            }
            
            $(function () {
              moveForgotPassword();
              moveRetryCode();
              addTsAndCsLink();
              addPasswordCriteria();
              lowerCaseEmailAddresses();
              removeAutofocus();
              $(window).on('pageshow', removeAutofocus);
              addDescriptiveErrors();
            });
        EOT
      ~ url                    = "https://presastg.blob.core.windows.net/pre-b2c-container/js/b2c.js" -> (known after apply)
        # (9 unchanged attributes hidden)
    }

  # azurerm_storage_blob.b2c_config["main.css"] must be replaced
-/+ resource "azurerm_storage_blob" "b2c_config" {
      ~ access_tier            = "Hot" -> (known after apply)
      ~ id                     = "https://presastg.blob.core.windows.net/pre-b2c-container/css/main.css" -> (known after apply)
      ~ metadata               = {} -> (known after apply)
        name                   = "css/main.css"
      ~ source_content         = <<-EOT # forces replacement
            /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
              !*** css ./.yarn/__virtual__/css-loader-virtual-2ccb862c87/0/cache/css-loader-npm-7.1.2-7540f12884-ddde22fb10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./.yarn/__virtual__/sass-loader-virtual-6e46a484ce/0/cache/sass-loader-npm-16.0.5-4af1120998-978b553900.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/main/assets/scss/main.scss ***!
              \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
            @charset "UTF-8";
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            :root {
              --govuk-frontend-version: "5.11.0";
              --govuk-breakpoint-mobile: 20rem;
              --govuk-frontend-breakpoint-mobile: var(--govuk-breakpoint-mobile);
              --govuk-breakpoint-tablet: 40.0625rem;
              --govuk-frontend-breakpoint-tablet: var(--govuk-breakpoint-tablet);
              --govuk-breakpoint-desktop: 48.0625rem;
              --govuk-frontend-breakpoint-desktop: var(--govuk-breakpoint-desktop);
            }
            
            
            .govuk-link,
            #api a,
            #api #retryCode {
              font-family: "GDS Transport", arial, sans-serif;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              text-decoration: underline;
              text-decoration-thickness: max(1px, .0625rem);
              text-underline-offset: 0.1578em;
            }
            /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */
            @font-face {
              font-family: "GDS Transport";
              font-style: normal;
              font-weight: normal;
              src: url("https://presastg.blob.core.windows.net/pre-b2c-container/assets/fonts/light-94a07e06a1-v2.woff2") format("woff2"), url("https://presastg.blob.core.windows.net/pre-b2c-container/assets/fonts/light-f591b13f7d-v2.woff") format("woff");
              font-display: fallback;
            }
            @font-face {
              font-family: "GDS Transport";
              font-style: normal;
              font-weight: bold;
              src: url("https://presastg.blob.core.windows.net/pre-b2c-container/assets/fonts/bold-b542beb274-v2.woff2") format("woff2"), url("https://presastg.blob.core.windows.net/pre-b2c-container/assets/fonts/bold-affa96571d-v2.woff") format("woff");
              font-display: fallback;
            }
            @media print {
              .govuk-link,
              #api a,
              #api #retryCode  {
                font-family: sans-serif;
              }
            }
            .govuk-link:hover,
            #api a:hover,
            #api #retryCode:hover {
              text-decoration-thickness: max(3px, .1875rem, .12em);
              -webkit-text-decoration-skip-ink: none;
              text-decoration-skip-ink: none;
              -webkit-text-decoration-skip: none;
              text-decoration-skip: none;
            }
            .govuk-link:focus,
            #api a:focus,
            #api #retryCode:focus {
              outline: 3px solid transparent;
              color: #0b0c0c;
              background-color: #ffdd00;
              box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
              text-decoration: none;
            }
            @supports not (text-wrap: balance) {
              .govuk-link:focus,
              #api a:focus,
              #api #retryCode:focus {
                -webkit-box-decoration-break: clone;
                box-decoration-break: clone;
              }
            }
            .govuk-link:link,
            #api a:link,
            #api #retryCode:link,
            #api #retryCode {
              color: #1d70b8;
            }
            .govuk-link:visited,
            #api a:visited,
            #api #retryCode:visited {
              color: #4c2c92;
            }
            .govuk-link:hover,
            #api a:hover,
            #api #retryCode:hover {
              color: #003078;
            }
            .govuk-link:active,
            #api a:active,
            #api #retryCode:active {
              color: #0b0c0c;
            }
            .govuk-link:focus,
            #api a:focus,
            #api #retryCode:focus {
              color: #0b0c0c;
            }
            @media print {
              [href^="/"].govuk-link::after, [href^="http://"].govuk-link::after, [href^="https://"].govuk-link::after {
                content: " (" attr(href) ")";
                font-size: 90%;
                word-wrap: break-word;
              }
            }
            
            .govuk-link--muted:link, .govuk-link--muted:visited {
              color: #505a5f;
            }
            .govuk-link--muted:hover, .govuk-link--muted:active {
              color: #0b0c0c;
            }
            .govuk-link--muted:focus {
              color: #0b0c0c;
            }
            
            .govuk-link--text-colour:link, .govuk-link--text-colour:visited {
              color: #0b0c0c;
            }
            @media print {
              .govuk-link--text-colour:link, .govuk-link--text-colour:visited {
                color: #000000;
              }
            }
            .govuk-link--text-colour:hover {
              color: rgba(11, 12, 12, 0.99);
            }
            .govuk-link--text-colour:active, .govuk-link--text-colour:focus {
              color: #0b0c0c;
            }
            @media print {
              .govuk-link--text-colour:active, .govuk-link--text-colour:focus {
                color: #000000;
              }
            }
            
            .govuk-link--inverse:link, .govuk-link--inverse:visited {
              color: #ffffff;
            }
            .govuk-link--inverse:hover, .govuk-link--inverse:active {
              color: rgba(255, 255, 255, 0.99);
            }
            .govuk-link--inverse:focus {
              color: #0b0c0c;
            }
            
            .govuk-link--no-underline:not(:hover):not(:active) {
              text-decoration: none;
            }
            
            .govuk-link--no-visited-state:link {
              color: #1d70b8;
            }
   

# ...
# ... The maximum length of GitHub Comment is 65536, so the content is omitted by tfcmt.
# ...

portant;
                }
                
                .govuk-\!-static-padding-top-9 {
                  padding-top: 60px !important;
                }
                
                .govuk-\!-static-padding-right-9 {
                  padding-right: 60px !important;
                }
                
                .govuk-\!-static-padding-bottom-9 {
                  padding-bottom: 60px !important;
                }
                
                .govuk-\!-static-padding-left-9 {
                  padding-left: 60px !important;
                }
                
                
                .govuk-\!-text-align-left {
                  text-align: left !important;
                }
                
                .govuk-\!-text-align-centre {
                  text-align: center !important;
                }
                
                .govuk-\!-text-align-right {
                  text-align: right !important;
                }
                
                
                .govuk-\!-font-size-80 {
                  font-size: 3.3125rem !important;
                  line-height: 1.0377358491 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-80 {
                    font-size: 5rem !important;
                    line-height: 1 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-80 {
                    font-size: 53pt !important;
                    line-height: 1.1 !important;
                  }
                }
                
                .govuk-\!-font-size-48 {
                  font-size: 2rem !important;
                  line-height: 1.09375 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-48 {
                    font-size: 3rem !important;
                    line-height: 1.0416666667 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-48 {
                    font-size: 32pt !important;
                    line-height: 1.15 !important;
                  }
                }
                
                .govuk-\!-font-size-36 {
                  font-size: 1.5rem !important;
                  line-height: 1.0416666667 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-36 {
                    font-size: 2.25rem !important;
                    line-height: 1.1111111111 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-36 {
                    font-size: 24pt !important;
                    line-height: 1.05 !important;
                  }
                }
                
                .govuk-\!-font-size-27 {
                  font-size: 1.125rem !important;
                  line-height: 1.1111111111 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-27 {
                    font-size: 1.6875rem !important;
                    line-height: 1.1111111111 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-27 {
                    font-size: 18pt !important;
                    line-height: 1.15 !important;
                  }
                }
                
                .govuk-\!-font-size-24 {
                  font-size: 1.125rem !important;
                  line-height: 1.1111111111 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-24 {
                    font-size: 1.5rem !important;
                    line-height: 1.25 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-24 {
                    font-size: 18pt !important;
                    line-height: 1.15 !important;
                  }
                }
                
                .govuk-\!-font-size-19 {
                  font-size: 1rem !important;
                  line-height: 1.25 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-19 {
                    font-size: 1.1875rem !important;
                    line-height: 1.3157894737 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-19 {
                    font-size: 14pt !important;
                    line-height: 1.15 !important;
                  }
                }
                
                .govuk-\!-font-size-16 {
                  font-size: 0.875rem !important;
                  line-height: 1.1428571429 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-16 {
                    font-size: 1rem !important;
                    line-height: 1.25 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-16 {
                    font-size: 14pt !important;
                    line-height: 1.2 !important;
                  }
                }
                
                .govuk-\!-font-size-14 {
                  font-size: 0.75rem !important;
                  line-height: 1.25 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-14 {
                    font-size: 0.875rem !important;
                    line-height: 1.4285714286 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-14 {
                    font-size: 12pt !important;
                    line-height: 1.2 !important;
                  }
                }
                
                .govuk-\!-font-weight-regular {
                  font-weight: 400 !important;
                }
                
                .govuk-\!-font-weight-bold {
                  font-weight: 700 !important;
                }
                
                .govuk-\!-font-tabular-numbers {
                  font-variant-numeric: tabular-nums !important;
                }
                
                .govuk-\!-text-break-word {
                  word-wrap: break-word !important;
                  overflow-wrap: break-word !important;
                }
                
                
                .govuk-\!-width-full {
                  width: 100% !important;
                }
                
                .govuk-\!-width-three-quarters,
                #api input:not([type='checkbox'])  {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-three-quarters,
                  #api input:not([type='checkbox']) {
                    width: 75% !important;
                  }
                }
                
                .govuk-\!-width-two-thirds {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-two-thirds {
                    width: 66.66% !important;
                  }
                }
                
                .govuk-\!-width-one-half {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-one-half {
                    width: 50% !important;
                  }
                }
                
                .govuk-\!-width-one-third {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-one-third {
                    width: 33.33% !important;
                  }
                }
                
                .govuk-\!-width-one-quarter {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-one-quarter {
                    width: 25% !important;
                  }
                }
                .video-wrapper {
                  border: 4px solid #0b0c0c;
                  margin-bottom: 30px;
                  padding: 4px;
                  position: relative;
                }
                
                .loading-gif {
                  left: 50%;
                  position: absolute;
                  top: 50%;
                  transform: translate(-50%, -50%);
                }
                
                .loading-box {
                  aspect-ratio: 16/9;
                  border: 4px solid #0b0c0c;
                  width: 100%;
                }
                .loading-box img {
                  width: 100px;
                }
                
                .loading-container {
                  align-items: center;
                  display: flex;
                  height: 100%;
                  justify-content: center;
                  width: 100%;
                }
                
                .terms-box {
                  max-height: 300px;
                  overflow-y: auto;
                  padding: 15px;
                  font-size: 0.9em;
                }
                
                .terms-text ol ol {
                  list-style-type: lower-alpha;
                }
                
                .sr-only {
                  position: absolute;
                  width: 1px;
                  height: 1px;
                  padding: 0;
                  margin: -1px;
                  overflow: hidden;
                  clip: rect(0, 0, 0, 0);
                  white-space: nowrap;
                  border: 0;
                }
                
                /* ======================= */
                /* B2C padding and margins */
                /* ======================= */
                
                .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                  color: #0b0c0c;
                  font-family: "GDS Transport", arial, sans-serif;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-weight: 400;
                  font-size: 16px;
                  font-size: 1rem;
                  line-height: 1.25;
                  margin-top: 0;
                  margin-bottom: 15px;
                }
                
                @media print {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    color: #000000;
                  }
                }
                
                @media print {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    font-family: sans-serif;
                  }
                }
                
                @media (min-width: 40.0625em) {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    font-size: 19px;
                    font-size: 1.1875rem;
                    line-height: 1.31579;
                  }
                }
                
                @media print {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    font-size: 14pt;
                    line-height: 1.15;
                  }
                }
                
                @media (min-width: 40.0625em) {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    margin-bottom: 20px;
                  }
                }
                
                .govuk-body-m + .govuk-heading-l, .govuk-body + .govuk-heading-l, .intro + .govuk-heading-l, div .attrEntry div + .govuk-heading-l, .error + .govuk-heading-l, .attrEntry label + .govuk-heading-l,
                .govuk-body-s + .govuk-heading-l,
                .govuk-list + .govuk-heading-l {
                  padding-top: 15px;
                }
                
                @media (min-width: 40.0625em) {
                  .govuk-body-m + .govuk-heading-l, .govuk-body + .govuk-heading-l, .intro + .govuk-heading-l, div .attrEntry div + .govuk-heading-l, .error + .govuk-heading-l, .attrEntry label + .govuk-heading-l,
                  .govuk-body-s + .govuk-heading-l,
                  .govuk-list + .govuk-heading-l {
                    padding-top: 20px;
                  }
                }
                
                .govuk-body-m + .govuk-heading-m, .govuk-body + .govuk-heading-m, .intro + .govuk-heading-m, div .attrEntry div + .govuk-heading-m, .error + .govuk-heading-m, .attrEntry label + .govuk-heading-m,
                .govuk-body-s + .govuk-heading-m,
                .govuk-list + .govuk-heading-m,
                .govuk-body-m + .govuk-heading-s,
                .govuk-body + .govuk-heading-s,
                .intro + .govuk-heading-s,
                div .attrEntry div + .govuk-heading-s,
                .error + .govuk-heading-s,
                .attrEntry label + .govuk-heading-s,
                .govuk-body-s + .govuk-heading-s,
                .govuk-list + .govuk-heading-s {
                  padding-top: 5px;
                }
                
                @media (min-width: 40.0625em) {
                  .govuk-body-m + .govuk-heading-m, .govuk-body + .govuk-heading-m, .intro + .govuk-heading-m, div .attrEntry div + .govuk-heading-m, .error + .govuk-heading-m, .attrEntry label + .govuk-heading-m,
                  .govuk-body-s + .govuk-heading-m,
                  .govuk-list + .govuk-heading-m,
                  .govuk-body-m + .govuk-heading-s,
                  .govuk-body + .govuk-heading-s,
                  .intro + .govuk-heading-s,
                  div .attrEntry div + .govuk-heading-s,
                  .error + .govuk-heading-s,
                  .attrEntry label + .govuk-heading-s,
                  .govuk-body-s + .govuk-heading-s,
                  .govuk-list + .govuk-heading-s {
                    padding-top: 10px;
                  }
                }
                
                #api {
                  font-family: "GDS Transport",arial,sans-serif;
                }
                
                #api .create a {
                  margin-left: 10px;
                }
                
                div .attrEntry div.error {
                  color: #d4351c;
                  display: none;
                }
                
                div .attrEntry div.show {
                  display: block !important;
                }
                
                .error {
                  color: #d4351c !important;
                }
                
                .entry-item {
                  margin-bottom: 30px;
                }
                
                .entry-item input,
                .textInput  {
                  font-family: 'GDS Transport', arial, sans-serif;
                  font-size: 19px;
                  font-size: 1.1875rem;
                  line-height: 1.31579;
                  font-family: "GDS Transport", arial, sans-serif;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                
                  -webkit-writing-mode: horizontal-tb !important;
                  text-rendering: auto;
                  color: -internal-light-dark(black, white);
                  letter-spacing: normal;
                  word-spacing: normal;
                  line-height: normal;
                  text-transform: none;
                  text-indent: 0px;
                  text-shadow: none;
                  display: inline-block;
                  text-align: start;
                  appearance: auto;
                  -webkit-rtl-ordering: logical;
                  cursor: text;
                
                  font-weight: 400;
                  font-size: 16px;
                  font-size: 1rem;
                  line-height: 1.25;
                  box-sizing: border-box;
                  width: 250px;
                  height: 40px;
                  margin-top: 0;
                  padding: 5px;
                  border: 2px solid #0b0c0c;
                  border-radius: 0;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none;
                }
                
                .entry-item label, .attrEntry label {
                  font-size: 19px;
                  font-size: 1.1875rem;
                  line-height: 1.31579;
                  font-family: "GDS Transport", arial, sans-serif;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-weight: 400;
                  line-height: 1.25;
                  color: #0b0c0c;
                  display: block;
                  margin-bottom: 5px;
                }
                
                .attr > ul {
                  list-style: none;
                  padding: 0;
                  margin: 0;
                }
                
                .attrEntry {
                  margin-bottom: 30px;
                }
                
                .helpLink {
                  margin-top: 10px;
                  display: block;
                }
                
                .buttons {
                  margin-top: 10px;
                }
                
                input[type="checkbox"] {
                  width: 44px;
                  height: 44px;
                  margin: 0;
                  cursor: pointer;
                  outline: 2px solid #000000;
                  border: 0;
                  opacity: 1;
                  accent-color: #ffffff;
                }
                
                #api .helpLink {
                  display: none;
                }
                
                #api .verify {
                  margin-top: 20px;
                  margin-right: 0;
                }
                
                #api .verify label {
                  display: block;
                  width: 100%;
                }
                
                #api .verify input {
                  display: block;
                  margin-right: 25%;
                }
                
                #api .verify button {
                  display: block;
                  margin-top: 20px;
                  margin-right: 0;
                  margin-bottom: 0;
                }
                #api .verify .verifyButton {
                  margin-right: 15px;
                }
                #attributeVerification #attributeList {
                  border-bottom: 1px solid #b1b4b6;
                  margin-bottom: 25px;
                }
                #api #retryCode {
                  cursor: pointer;
                }
                .changeClaims {
                  visibility: hidden;
                }
              + 
              + /* ================================ */
              + /* B2C Hide Modal - S28-4038 */
              + /* ================================ */
              + 
              + #simplemodal-overlay {
              +   display:none !important;
              + }
              + 
              + #simplemodal-container {
              +   display:none;
              + }
              + 
              + #verifying_blurb {
              +   display: none;
              + }
            EOT
          ~ content_md5   = "129dde92d477bb9a2342e148ff7a9896" -> "8a1e437ed9d63e60ca58f1c2ce292b56"
            name          = "main.css"
            # (4 unchanged attributes hidden)
        }
    }

@hmcts-jenkins-cnp
Copy link
Copy Markdown
Contributor

hmcts-jenkins-cnp bot commented Aug 4, 2025 •
edited
Loading

Plan Result (prod)

⚠️ Resource Deletion will happen

This plan contains resource delete operation. Please check the plan result very carefully!

Plan: 3 to add, 11 to change, 3 to destroy.
  • Update
    • azurerm_key_vault_secret.appinsights-key
    • azurerm_key_vault_secret.appinsights_connection_string
    • azurerm_key_vault_secret.edit_password[0]
    • azurerm_key_vault_secret.sa_storage_account_connection_string
    • azurerm_key_vault_secret.vodasa_storage_account_connection_string
    • azurerm_key_vault_secret.vodasa_storage_account_primary_access_key
    • azurerm_monitor_metric_alert.storage_final_alert_capacity[0]
    • terraform_data.force_init_run
    • module.edit_vm[0].azurerm_managed_disk.managed_disks["datadisk1"]
    • module.finalsa_storage_account.azurerm_storage_account.storage_account
    • module.ingestsa_storage_account.azurerm_storage_account.storage_account
  • Replace
    • azurerm_storage_blob.b2c_config["b2c.js"]
    • azurerm_storage_blob.b2c_config["main.css"]
Change Result (Click me)

⚠️ The content is omitted as it is too long. ⚠️

  # azurerm_key_vault_secret.appinsights-key will be updated in-place
  ~ resource "azurerm_key_vault_secret" "appinsights-key" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-prod.vault.azure.net/secrets/AppInsightsInstrumentationKey/3f0b5b0015844ecdab6c3712482dd017"
        name                    = "AppInsightsInstrumentationKey"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.appinsights_connection_string will be updated in-place
  ~ resource "azurerm_key_vault_secret" "appinsights_connection_string" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-prod.vault.azure.net/secrets/app-insights-connection-string/6bcd095bf8684e48a86eb1d701fc4e9b"
        name                    = "app-insights-connection-string"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.edit_password[0] will be updated in-place
  ~ resource "azurerm_key_vault_secret" "edit_password" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-prod.vault.azure.net/secrets/videditvm1-password/76b1845bc8044195b61bde3d404bb83e"
        name                    = "videditvm1-password"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.sa_storage_account_connection_string will be updated in-place
  ~ resource "azurerm_key_vault_secret" "sa_storage_account_connection_string" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-prod.vault.azure.net/secrets/sa-storage-account-connection-string/54fa132345714daea67251a1f1c32d97"
        name                    = "sa-storage-account-connection-string"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.vodasa_storage_account_connection_string will be updated in-place
  ~ resource "azurerm_key_vault_secret" "vodasa_storage_account_connection_string" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-prod.vault.azure.net/secrets/vodasa-storage-account-connection-string/432370f5d99d47068e93f0e9e0e0fda4"
        name                    = "vodasa-storage-account-connection-string"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_key_vault_secret.vodasa_storage_account_primary_access_key will be updated in-place
  ~ resource "azurerm_key_vault_secret" "vodasa_storage_account_primary_access_key" {
      - expiration_date         = "2026-06-01T01:00:00Z" -> null
        id                      = "https://pre-hmctskv-prod.vault.azure.net/secrets/vodasa-storage-account-primary-access-key/4550b7d2873a4fc3963b0628b5366412"
        name                    = "vodasa-storage-account-primary-access-key"
        tags                    = {}
        # (7 unchanged attributes hidden)
    }

  # azurerm_monitor_metric_alert.storage_final_alert_capacity[0] will be updated in-place
  ~ resource "azurerm_monitor_metric_alert" "storage_final_alert_capacity" {
        id                       = "/subscriptions/5ca62022-6aa2-4cee-aaa7-e7536c8d566c/resourceGroups/pre-prod/providers/Microsoft.Insights/metricAlerts/used_capacity"
        name                     = "used_capacity"
      ~ scopes                   = [
          - "/subscriptions/5ca62022-6aa2-4cee-aaa7-e7536c8d566c/resourceGroups/pre-prod/providers/Microsoft.Storage/storageAccounts/preingestsaprod",
          + "/subscriptions/5ca62022-6aa2-4cee-aaa7-e7536c8d566c/resourceGroups/pre-prod/providers/Microsoft.Storage/storageAccounts/prefinalsaprod",
        ]
        tags                     = {
            "application"         = "pre-recorded-evidence"
            "builtFrom"           = "https://github.com/HMCTS/pre-shared-infrastructure.git"
            "businessArea"        = "Cross-Cutting"
            "contactSlackChannel" = "#dts-pre-rec-evidence-tech"
            "environment"         = "production"
            "managedBy"           = "Pre Recorded Evidence"
        }
        # (9 unchanged attributes hidden)

        # (2 unchanged blocks hidden)
    }

  # azurerm_storage_blob.b2c_config["b2c.js"] must be replaced
-/+ resource "azurerm_storage_blob" "b2c_config" {
      ~ access_tier            = "Hot" -> (known after apply)
      ~ id                     = "https://presaprod.blob.core.windows.net/pre-b2c-container/js/b2c.js" -> (known after apply)
      ~ metadata               = {} -> (known after apply)
        name                   = "js/b2c.js"
      ~ source_content         = <<-EOT # forces replacement
            function moveForgotPassword() {
              const forgotPasswordId = 'forgotPassword'
              const forgotPassword = document.getElementById(forgotPasswordId);
            
              if (forgotPassword) {
                const text = forgotPassword.innerHTML;
                forgotPassword.remove();
            
                const newForgotPassword = document.createElement('a');
                newForgotPassword.id = forgotPasswordId;
                newForgotPassword.innerHTML = text;
                newForgotPassword.href = forgotPassword.href;
            
                const div = document.createElement('div');
                div.appendChild(newForgotPassword);
            
                const passwordInput = document.getElementById('password');
                passwordInput.parentNode.insertBefore(div, passwordInput.nextSibling);
              }
            }
            
            function moveRetryCode() {
              const retryCode = document.getElementById('retryCode');
            
              if (retryCode) {
                const text = retryCode.innerHTML;
                retryCode.remove();
            
                const newRetryCode = document.createElement('a');
                newRetryCode.id = 'retryCode';
                newRetryCode.innerHTML = text;
            
                const div = document.createElement('div');
                div.appendChild(newRetryCode);
            
                const verificationCodeInput = document.getElementById('verificationCode');
                verificationCodeInput.parentNode.insertBefore(div, verificationCodeInput.nextSibling);
              }
            }
            
            function addTsAndCsLink() {
              const tsAndCsBlock = document.getElementsByClassName('CheckboxMultiSelect')[0];
              if (tsAndCsBlock) {
                const tsAndCsLabel = tsAndCsBlock.getElementsByTagName('label')[0];
                const tsAndCsText = tsAndCsBlock.getElementsByTagName('label')[1];
                // fix the wrong for attribute supplied by B2C
                tsAndCsLabel.setAttribute('for', tsAndCsText.getAttribute('for'));
                if (tsAndCsText) {
                  tsAndCsText.innerHTML = tsAndCsText.innerHTML = 'I agree to the <a href="https://portal.pre-recorded-evidence.justice.gov.uk/terms-and-conditions" target="_blank">Terms &amp; Conditions</a> (including Acceptable Use) for the Section 28 Video on Demand Portal.'
                }
              }
            }
            
            function addPasswordCriteria() {
              const passwordAttrEntry = document.querySelector('#attributeList li.Password .attrEntry');
              if (passwordAttrEntry) {
                // passwordAttrEntry.setAttribute('style', 'margin-bottom: 2px;');
                const passwordDetails = document.createElement('details');
                passwordDetails.setAttribute('class', 'govuk-details');
                passwordDetails.setAttribute('data-module', 'govuk-details');
                passwordDetails.setAttribute('style', 'margin-top: 2px;');
                passwordDetails.innerHTML = '<summary class="govuk-details__summary">\n' +
                  '                          <span class="govuk-details__summary-text">Password criteria</span>\n' +
                  '                        </summary>\n' +
                  '                        <div class="govuk-details__text">\n' +
                  '                          Passwords must have at least 8 characters. <br />\n' +
                  '                          Passwords must contain characters from at least three of the\n' +
                  '                          following four classes: uppercase, lowercase, digit, and\n' +
                  '                          non-alphanumeric (special).\n' +
                  '                        </div>';
                passwordAttrEntry.appendChild(passwordDetails);
              }
            }
            
            function lowerCaseEmailAddresses() {
              // for our TLD email validation policy to work, we need the tld to be in lowercase...
              const emailInput = document.getElementById('email');
              if (emailInput) {
                emailInput.onblur = function () {
                  emailInput.value = emailInput.value.toLowerCase();
                }
              }
              const signInName = document.getElementById('signInName');
              if (signInName) {
                signInName.onblur = function () {
                  signInName.value = signInName.value.toLowerCase();
                }
              }
            }
            
            function removeAutofocus() {
              const inputFields = document.getElementsByTagName('input');
              for (let i = 0; i < inputFields.length; i++) {
                inputFields[i].removeAttribute('autofocus');
                inputFields[i].blur();
              }
            }
            
            function addDescriptiveErrors() {
              const verifyButton = document.getElementById('email_ver_but_send');
              const continueButton = document.getElementById('continue');
              const emailButton = document.getElementById('email');
            
              if (continueButton) {
                continueButton.addEventListener('click', validateErrors);
              }
            
              if (verifyButton) {
                verifyButton.addEventListener('click', validateErrors);
              }
            
              if (emailButton) {
                emailButton.addEventListener('click', validateErrors);
              }
            }
            
            function validateErrors() {
              const errorDivs = document.getElementsByClassName('error itemLevel');
              const pageLevelErrorDiv = document.getElementById('requiredFieldMissing');
              const errorFields = []
            
              if (errorDivs) {
                for (let i = 0; i < errorDivs.length; i++) {
                  const input = errorDivs[i].nextElementSibling;
            
                  if (input && input.tagName.toLowerCase() === 'input' && input.value.trim() === '') {
                    const placeholderText = input.getAttribute('placeholder');
                    const inputId = input.getAttribute('id');
            
                    errorFields.push({
                      placeholderText: placeholderText,
                      inputId: inputId
                    });
                    errorDivs[i].textContent = `This field is required: ${placeholderText.toLowerCase()}`;
            
                    pageLevelErrorDiv.className = "govuk-error-summary";
            
                  } else {
                    errorDivs[i].textContent = ''
                  }
            
                }
            
              }
            
              if (errorFields) {
                pageLevelErrorDiv.innerHTML = `
                        <p class="govuk-error-summary__title">The following required field(s) are missing:</p>
                        <div class="govuk-error-summary__body">
                        <ul class="govuk-list govuk-error-summary__list">
                             ${errorFields
                  .map(field => `<li><a href="#${field.inputId}" style="color:rgb(212,53,19);">${field.placeholderText}</a></li>`)
                  .join("")}
                        </ul>
                        </div>
                `;
              } else {
                pageLevelErrorDiv.textContent = "";
              }
            }
            
            $(function () {
              moveForgotPassword();
              moveRetryCode();
              addTsAndCsLink();
              addPasswordCriteria();
              lowerCaseEmailAddresses();
              removeAutofocus();
              $(window).on('pageshow', removeAutofocus);
              addDescriptiveErrors();
            });
        EOT
      ~ url                    = "https://presaprod.blob.core.windows.net/pre-b2c-container/js/b2c.js" -> (known after apply)
        # (9 unchanged attributes hidden)
    }

  # azurerm_storage_blob.b2c_config["main.css"] must be replaced
-/+ resource "azurerm_storage_blob" "b2c_config" {
      ~ access_tier            = "Hot" -> (known after apply)
      ~ id                     = "https://presaprod.blob.core.windows.net/pre-b2c-container/css/main.css" -> (known after apply)
      ~ metadata               = {} -> (known after apply)
        name                   = "css/main.css"
      ~ source_content         = <<-EOT # forces replacement
            /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
              !*** css ./.yarn/__virtual__/css-loader-virtual-2ccb862c87/0/cache/css-loader-npm-7.1.2-7540f12884-ddde22fb10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./.yarn/__virtual__/sass-loader-virtual-6e46a484ce/0/cache/sass-loader-npm-16.0.5-4af1120998-978b553900.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/main/assets/scss/main.scss ***!
              \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
            @charset "UTF-8";
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            :root {
              --govuk-frontend-version: "5.11.0";
              --govuk-breakpoint-mobile: 20rem;
              --govuk-frontend-breakpoint-mobile: var(--govuk-breakpoint-mobile);
              --govuk-breakpoint-tablet: 40.0625rem;
              --govuk-frontend-breakpoint-tablet: var(--govuk-breakpoint-tablet);
              --govuk-breakpoint-desktop: 48.0625rem;
              --govuk-frontend-breakpoint-desktop: var(--govuk-breakpoint-desktop);
            }
            
            
            .govuk-link,
            #api a,
            #api #retryCode {
              font-family: "GDS Transport", arial, sans-serif;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              text-decoration: underline;
              text-decoration-thickness: max(1px, .0625rem);
              text-underline-offset: 0.1578em;
            }
            /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */
            @font-face {
              font-family: "GDS Transport";
              font-style: normal;
              font-weight: normal;
              src: url("https://presaprod.blob.core.windows.net/pre-b2c-container/assets/fonts/light-94a07e06a1-v2.woff2") format("woff2"), url("https://presaprod.blob.core.windows.net/pre-b2c-container/assets/fonts/light-f591b13f7d-v2.woff") format("woff");
              font-display: fallback;
            }
            @font-face {
              font-family: "GDS Transport";
              font-style: normal;
              font-weight: bold;
              src: url("https://presaprod.blob.core.windows.net/pre-b2c-container/assets/fonts/bold-b542beb274-v2.woff2") format("woff2"), url("https://presaprod.blob.core.windows.net/pre-b2c-container/assets/fonts/bold-affa96571d-v2.woff") format("woff");
              font-display: fallback;
            }
            @media print {
              .govuk-link,
              #api a,
              #api #retryCode  {
                font-family: sans-serif;
              }
            }
            .govuk-link:hover,
            #api a:hover,
            #api #retryCode:hover {
              text-decoration-thickness: max(3px, .1875rem, .12em);
              -webkit-text-decoration-skip-ink: none;
              text-decoration-skip-ink: none;
              -webkit-text-decoration-skip: none;
              text-decoration-skip: none;
            }
            .govuk-link:focus,
            #api a:focus,
            #api #retryCode:focus {
              outline: 3px solid transparent;
              color: #0b0c0c;
              background-color: #ffdd00;
              box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
              text-decoration: none;
            }
            @supports not (text-wrap: balance) {
              .govuk-link:focus,
              #api a:focus,
              #api #retryCode:focus {
                -webkit-box-decoration-break: clone;
                box-decoration-break: clone;
              }
            }
            .govuk-link:link,
            #api a:link,
            #api #retryCode:link,
            #api #retryCode {
              color: #1d70b8;
            }
            .govuk-link:visited,
            #api a:visited,
            #api #retryCode:visited {
              color: #4c2c92;
            }
            .govuk-link:hover,
            #api a:hover,
            #api #retryCode:hover {
              color: #003078;
            }
            .govuk-link:active,
            #api a:active,
            #api #retryCode:active {
              color: #0b0c0c;
            }
            .govuk-link:focus,
            #api a:focus,
            #api #retryCode:focus {
              color: #0b0c0c;
            }
            @media print {
              [href^="/"].govuk-link::after, [href^="http://"].govuk-link::after, [href^="https://"].govuk-link::after {
                content: " (" attr(href) ")";
                font-size: 90%;
                word-wrap: break-word;
              }
            }
            
            .govuk-link--muted:link, .govuk-link--muted:visited {
              color: #505a5f;
            }
            .govuk-link--muted:hover, .govuk-link--muted:active {
              color: #0b0c0c;
            }
            .govuk-link--muted:focus {
              color: #0b0c0c;
            }
            


# ...
# ... The maximum length of GitHub Comment is 65536, so the content is omitted by tfcmt.
# ...

portant;
                }
                
                .govuk-\!-static-padding-top-9 {
                  padding-top: 60px !important;
                }
                
                .govuk-\!-static-padding-right-9 {
                  padding-right: 60px !important;
                }
                
                .govuk-\!-static-padding-bottom-9 {
                  padding-bottom: 60px !important;
                }
                
                .govuk-\!-static-padding-left-9 {
                  padding-left: 60px !important;
                }
                
                
                .govuk-\!-text-align-left {
                  text-align: left !important;
                }
                
                .govuk-\!-text-align-centre {
                  text-align: center !important;
                }
                
                .govuk-\!-text-align-right {
                  text-align: right !important;
                }
                
                
                .govuk-\!-font-size-80 {
                  font-size: 3.3125rem !important;
                  line-height: 1.0377358491 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-80 {
                    font-size: 5rem !important;
                    line-height: 1 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-80 {
                    font-size: 53pt !important;
                    line-height: 1.1 !important;
                  }
                }
                
                .govuk-\!-font-size-48 {
                  font-size: 2rem !important;
                  line-height: 1.09375 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-48 {
                    font-size: 3rem !important;
                    line-height: 1.0416666667 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-48 {
                    font-size: 32pt !important;
                    line-height: 1.15 !important;
                  }
                }
                
                .govuk-\!-font-size-36 {
                  font-size: 1.5rem !important;
                  line-height: 1.0416666667 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-36 {
                    font-size: 2.25rem !important;
                    line-height: 1.1111111111 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-36 {
                    font-size: 24pt !important;
                    line-height: 1.05 !important;
                  }
                }
                
                .govuk-\!-font-size-27 {
                  font-size: 1.125rem !important;
                  line-height: 1.1111111111 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-27 {
                    font-size: 1.6875rem !important;
                    line-height: 1.1111111111 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-27 {
                    font-size: 18pt !important;
                    line-height: 1.15 !important;
                  }
                }
                
                .govuk-\!-font-size-24 {
                  font-size: 1.125rem !important;
                  line-height: 1.1111111111 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-24 {
                    font-size: 1.5rem !important;
                    line-height: 1.25 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-24 {
                    font-size: 18pt !important;
                    line-height: 1.15 !important;
                  }
                }
                
                .govuk-\!-font-size-19 {
                  font-size: 1rem !important;
                  line-height: 1.25 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-19 {
                    font-size: 1.1875rem !important;
                    line-height: 1.3157894737 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-19 {
                    font-size: 14pt !important;
                    line-height: 1.15 !important;
                  }
                }
                
                .govuk-\!-font-size-16 {
                  font-size: 0.875rem !important;
                  line-height: 1.1428571429 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-16 {
                    font-size: 1rem !important;
                    line-height: 1.25 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-16 {
                    font-size: 14pt !important;
                    line-height: 1.2 !important;
                  }
                }
                
                .govuk-\!-font-size-14 {
                  font-size: 0.75rem !important;
                  line-height: 1.25 !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-font-size-14 {
                    font-size: 0.875rem !important;
                    line-height: 1.4285714286 !important;
                  }
                }
                @media print {
                  .govuk-\!-font-size-14 {
                    font-size: 12pt !important;
                    line-height: 1.2 !important;
                  }
                }
                
                .govuk-\!-font-weight-regular {
                  font-weight: 400 !important;
                }
                
                .govuk-\!-font-weight-bold {
                  font-weight: 700 !important;
                }
                
                .govuk-\!-font-tabular-numbers {
                  font-variant-numeric: tabular-nums !important;
                }
                
                .govuk-\!-text-break-word {
                  word-wrap: break-word !important;
                  overflow-wrap: break-word !important;
                }
                
                
                .govuk-\!-width-full {
                  width: 100% !important;
                }
                
                .govuk-\!-width-three-quarters,
                #api input:not([type='checkbox'])  {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-three-quarters,
                  #api input:not([type='checkbox']) {
                    width: 75% !important;
                  }
                }
                
                .govuk-\!-width-two-thirds {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-two-thirds {
                    width: 66.66% !important;
                  }
                }
                
                .govuk-\!-width-one-half {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-one-half {
                    width: 50% !important;
                  }
                }
                
                .govuk-\!-width-one-third {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-one-third {
                    width: 33.33% !important;
                  }
                }
                
                .govuk-\!-width-one-quarter {
                  width: 100% !important;
                }
                @media (min-width: 40.0625em) {
                  .govuk-\!-width-one-quarter {
                    width: 25% !important;
                  }
                }
                .video-wrapper {
                  border: 4px solid #0b0c0c;
                  margin-bottom: 30px;
                  padding: 4px;
                  position: relative;
                }
                
                .loading-gif {
                  left: 50%;
                  position: absolute;
                  top: 50%;
                  transform: translate(-50%, -50%);
                }
                
                .loading-box {
                  aspect-ratio: 16/9;
                  border: 4px solid #0b0c0c;
                  width: 100%;
                }
                .loading-box img {
                  width: 100px;
                }
                
                .loading-container {
                  align-items: center;
                  display: flex;
                  height: 100%;
                  justify-content: center;
                  width: 100%;
                }
                
                .terms-box {
                  max-height: 300px;
                  overflow-y: auto;
                  padding: 15px;
                  font-size: 0.9em;
                }
                
                .terms-text ol ol {
                  list-style-type: lower-alpha;
                }
                
                .sr-only {
                  position: absolute;
                  width: 1px;
                  height: 1px;
                  padding: 0;
                  margin: -1px;
                  overflow: hidden;
                  clip: rect(0, 0, 0, 0);
                  white-space: nowrap;
                  border: 0;
                }
                
                /* ======================= */
                /* B2C padding and margins */
                /* ======================= */
                
                .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                  color: #0b0c0c;
                  font-family: "GDS Transport", arial, sans-serif;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-weight: 400;
                  font-size: 16px;
                  font-size: 1rem;
                  line-height: 1.25;
                  margin-top: 0;
                  margin-bottom: 15px;
                }
                
                @media print {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    color: #000000;
                  }
                }
                
                @media print {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    font-family: sans-serif;
                  }
                }
                
                @media (min-width: 40.0625em) {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    font-size: 19px;
                    font-size: 1.1875rem;
                    line-height: 1.31579;
                  }
                }
                
                @media print {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    font-size: 14pt;
                    line-height: 1.15;
                  }
                }
                
                @media (min-width: 40.0625em) {
                  .govuk-body-m, .govuk-body, .intro, div .attrEntry div, .error, .attrEntry label {
                    margin-bottom: 20px;
                  }
                }
                
                .govuk-body-m + .govuk-heading-l, .govuk-body + .govuk-heading-l, .intro + .govuk-heading-l, div .attrEntry div + .govuk-heading-l, .error + .govuk-heading-l, .attrEntry label + .govuk-heading-l,
                .govuk-body-s + .govuk-heading-l,
                .govuk-list + .govuk-heading-l {
                  padding-top: 15px;
                }
                
                @media (min-width: 40.0625em) {
                  .govuk-body-m + .govuk-heading-l, .govuk-body + .govuk-heading-l, .intro + .govuk-heading-l, div .attrEntry div + .govuk-heading-l, .error + .govuk-heading-l, .attrEntry label + .govuk-heading-l,
                  .govuk-body-s + .govuk-heading-l,
                  .govuk-list + .govuk-heading-l {
                    padding-top: 20px;
                  }
                }
                
                .govuk-body-m + .govuk-heading-m, .govuk-body + .govuk-heading-m, .intro + .govuk-heading-m, div .attrEntry div + .govuk-heading-m, .error + .govuk-heading-m, .attrEntry label + .govuk-heading-m,
                .govuk-body-s + .govuk-heading-m,
                .govuk-list + .govuk-heading-m,
                .govuk-body-m + .govuk-heading-s,
                .govuk-body + .govuk-heading-s,
                .intro + .govuk-heading-s,
                div .attrEntry div + .govuk-heading-s,
                .error + .govuk-heading-s,
                .attrEntry label + .govuk-heading-s,
                .govuk-body-s + .govuk-heading-s,
                .govuk-list + .govuk-heading-s {
                  padding-top: 5px;
                }
                
                @media (min-width: 40.0625em) {
                  .govuk-body-m + .govuk-heading-m, .govuk-body + .govuk-heading-m, .intro + .govuk-heading-m, div .attrEntry div + .govuk-heading-m, .error + .govuk-heading-m, .attrEntry label + .govuk-heading-m,
                  .govuk-body-s + .govuk-heading-m,
                  .govuk-list + .govuk-heading-m,
                  .govuk-body-m + .govuk-heading-s,
                  .govuk-body + .govuk-heading-s,
                  .intro + .govuk-heading-s,
                  div .attrEntry div + .govuk-heading-s,
                  .error + .govuk-heading-s,
                  .attrEntry label + .govuk-heading-s,
                  .govuk-body-s + .govuk-heading-s,
                  .govuk-list + .govuk-heading-s {
                    padding-top: 10px;
                  }
                }
                
                #api {
                  font-family: "GDS Transport",arial,sans-serif;
                }
                
                #api .create a {
                  margin-left: 10px;
                }
                
                div .attrEntry div.error {
                  color: #d4351c;
                  display: none;
                }
                
                div .attrEntry div.show {
                  display: block !important;
                }
                
                .error {
                  color: #d4351c !important;
                }
                
                .entry-item {
                  margin-bottom: 30px;
                }
                
                .entry-item input,
                .textInput  {
                  font-family: 'GDS Transport', arial, sans-serif;
                  font-size: 19px;
                  font-size: 1.1875rem;
                  line-height: 1.31579;
                  font-family: "GDS Transport", arial, sans-serif;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                
                  -webkit-writing-mode: horizontal-tb !important;
                  text-rendering: auto;
                  color: -internal-light-dark(black, white);
                  letter-spacing: normal;
                  word-spacing: normal;
                  line-height: normal;
                  text-transform: none;
                  text-indent: 0px;
                  text-shadow: none;
                  display: inline-block;
                  text-align: start;
                  appearance: auto;
                  -webkit-rtl-ordering: logical;
                  cursor: text;
                
                  font-weight: 400;
                  font-size: 16px;
                  font-size: 1rem;
                  line-height: 1.25;
                  box-sizing: border-box;
                  width: 250px;
                  height: 40px;
                  margin-top: 0;
                  padding: 5px;
                  border: 2px solid #0b0c0c;
                  border-radius: 0;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none;
                }
                
                .entry-item label, .attrEntry label {
                  font-size: 19px;
                  font-size: 1.1875rem;
                  line-height: 1.31579;
                  font-family: "GDS Transport", arial, sans-serif;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-weight: 400;
                  line-height: 1.25;
                  color: #0b0c0c;
                  display: block;
                  margin-bottom: 5px;
                }
                
                .attr > ul {
                  list-style: none;
                  padding: 0;
                  margin: 0;
                }
                
                .attrEntry {
                  margin-bottom: 30px;
                }
                
                .helpLink {
                  margin-top: 10px;
                  display: block;
                }
                
                .buttons {
                  margin-top: 10px;
                }
                
                input[type="checkbox"] {
                  width: 44px;
                  height: 44px;
                  margin: 0;
                  cursor: pointer;
                  outline: 2px solid #000000;
                  border: 0;
                  opacity: 1;
                  accent-color: #ffffff;
                }
                
                #api .helpLink {
                  display: none;
                }
                
                #api .verify {
                  margin-top: 20px;
                  margin-right: 0;
                }
                
                #api .verify label {
                  display: block;
                  width: 100%;
                }
                
                #api .verify input {
                  display: block;
                  margin-right: 25%;
                }
                
                #api .verify button {
                  display: block;
                  margin-top: 20px;
                  margin-right: 0;
                  margin-bottom: 0;
                }
                #api .verify .verifyButton {
                  margin-right: 15px;
                }
                #attributeVerification #attributeList {
                  border-bottom: 1px solid #b1b4b6;
                  margin-bottom: 25px;
                }
                #api #retryCode {
                  cursor: pointer;
                }
                .changeClaims {
                  visibility: hidden;
                }
              + 
              + /* ================================ */
              + /* B2C Hide Modal - S28-4038 */
              + /* ================================ */
              + 
              + #simplemodal-overlay {
              +   display:none !important;
              + }
              + 
              + #simplemodal-container {
              +   display:none;
              + }
              + 
              + #verifying_blurb {
              +   display: none;
              + }
            EOT
          ~ content_md5   = "129dde92d477bb9a2342e148ff7a9896" -> "8a1e437ed9d63e60ca58f1c2ce292b56"
            name          = "main.css"
            # (4 unchanged attributes hidden)
        }
    }

lydiaralphgov
lydiaralphgov reviewed Aug 6, 2025
View reviewed changes
b2c/views/css/main.css Outdated
}

/* ======================= */
/* B2C Hide Modal */
Copy link
Copy Markdown
Contributor

@lydiaralphgov lydiaralphgov Aug 6, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would put a link to the Jira ticket in this comment. Again not usually done but probably needed this time to explain what this is for.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@lydiaralphgov lydiaralphgov lydiaralphgov left review comments

At least 1 approving review is required to merge this pull request.

Assignees

No one assigned

Labels

prod/destroy stg/destroy

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@a-sealey-justice-gov @lydiaralphgov