diff --git a/components/case/summary.js b/components/case/summary.js index 3c096750..a85aae3c 100644 --- a/components/case/summary.js +++ b/components/case/summary.js @@ -1047,6 +1047,12 @@ const CaseSummary = (props) => { "case:watch-this-case-link" )} + + {/* + + + {/* )} + )} @@ -642,6 +707,30 @@ const SearchResults = (props) => { > + )} diff --git a/i18n.js b/i18n.js index 725893d7..ba354e6e 100644 --- a/i18n.js +++ b/i18n.js @@ -12,6 +12,7 @@ module.exports = { "*": ["common", "search"], "/": ["common", "home", "case"], "/contactus": ["newappeal", "account"], + "/myportal/contactus": ["newappeal", "account"], "/error": ["common", "home", "myportal"], "/furtherdetails": ["common", "home", "myportal"], "/myportal": ["myportal", "common", "home", "case"], diff --git a/styles/sass/welshgov/_application.scss b/styles/sass/welshgov/_application.scss index 02b49b02..646a3e89 100644 --- a/styles/sass/welshgov/_application.scss +++ b/styles/sass/welshgov/_application.scss @@ -2469,6 +2469,8 @@ ul#sharePageLinks.active { display: block; } + + .eye { /* margin: 90px; */ width: 13px; @@ -2494,9 +2496,79 @@ ul#sharePageLinks.active { top: 3px; background-color: #aa1111; } + + &.mailLink { + width: 24px; + display: block; + margin-top: 5px; + + } + + .icon { + margin: 1px; + background-color: #fff; + border: 1px solid #aa1111; + display: inline-block; + position: relative; + vertical-align: top; + margin-top: 0px; + margin-left: -3px; + } + + .icon:after, + .icon:before { + background: #fff; + border: 1px solid #aa1111; + content: ""; + position: absolute; + } + + .icon:hover, + .icon:hover:after, + .icon:hover:before { + background-color: #fff; + } + + + .mailicon { + height: 11px; + top: 0px; + width: 17px; + margin-top: 2px; + } + + .mailicon:after, + .mailicon:before { + border-top: none; + top: 4px; + width: 8px; + } + + .mailicon:after { + left: -1px; + -webkit-transform: rotate(25deg); + -moz-transform: rotate(25deg); + -ms-transform: rotate(25deg); + -o-transform: rotate(25deg); + transform: rotate(25deg); + } + + .mailicon:before { + right: -1px; + -webkit-transform: rotate(-25deg); + -moz-transform: rotate(-25deg); + -ms-transform: rotate(-25deg); + -o-transform: rotate(-25deg); + transform: rotate(-25deg); + } + + + } + + // modal timeout .modal { @@ -2748,7 +2820,8 @@ fade { } -.govuk-link.watchCase { +.govuk-link.watchCase, +.govuk-link.mailNotification { background-color: transparent; border: none; cursor: pointer; @@ -2763,6 +2836,8 @@ fade { } } + + .fieldArrayLink { border: none; background: no-repeat;