Last active
September 20, 2024 12:46
-
-
Save icantrank/8b222b9f25610f428c14d4193e245f85 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ## change 1 | |
| in special offer block | |
| Change popup-info from svg into ¡ (unicode upside down !) | |
| It is inside <script> tag | |
| was: | |
| const popupInfo = document.createElement('span') | |
| popupInfo.classList.add('popup-info') | |
| popupInfo.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z" fill="currentColor"></path></svg>` | |
| popupInfo.addEventListener('click', () => { | |
| // reveal terms | |
| popupSmallprint.classList.toggle('show') | |
| }) | |
| now: | |
| const popupInfo = document.createElement('span') | |
| popupInfo.classList.add('popup-info') | |
| popupInfo.innerHTML = `¡` | |
| popupInfo.addEventListener('click', () => { | |
| // reveal terms | |
| popupSmallprint.classList.toggle('show') | |
| }) | |
| ## change 2 | |
| in new-css injector | |
| change .popup-info styles to have | |
| - background - verisure grey, was font colour before | |
| - white font colour | |
| - padding bottom to position the I | |
| was: | |
| #offer-popup .popup-info { | |
| color: var(--verisure-grey-2); | |
| --size: 30px; | |
| width: var(--size); | |
| height: var(--size); | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| border-radius: 5px; | |
| font-size: 25px; | |
| font-weight: 500; | |
| text-transform: none; | |
| cursor: pointer; | |
| position: absolute; | |
| right: 2.2rem; | |
| top: 0; | |
| } | |
| now: | |
| #offer-popup .popup-info { | |
| color: white; | |
| --size: 30px; | |
| width: var(--size); | |
| height: var(--size); | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| border-radius: 5px; | |
| font-size: 25px; | |
| font-weight: 500; | |
| text-transform: none; | |
| cursor: pointer; | |
| position: absolute; | |
| right: 2.2rem; | |
| top: 0; | |
| background: var(--verisure-grey-2); | |
| padding-bottom: 8px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment