diff --git a/css/livestream.css b/css/livestream.css index cc8021127d..9928664c99 100644 --- a/css/livestream.css +++ b/css/livestream.css @@ -281,6 +281,7 @@ main .section-bg { .register-card input[type="submit"] { height: 52px; + min-width: 164px; padding: 0 34px; border: none; border-radius: 9999px; @@ -297,6 +298,16 @@ main .section-bg { color: #000000; } +.register-card .register-note { + margin-top: 10px; + font-size: 16px; + color: #6b7478; +} + +.dark .register-card .register-note { + color: #9fb2c9; +} + .register-card .channel-link { display: inline-flex; align-items: center; @@ -344,3 +355,34 @@ main .section-bg { .dark .register-card .close-register svg { fill: #ffffff; } + +.mc-frame { + position: absolute; + left: -5000px; + width: 0; + height: 0; + border: 0; +} + +.mc-frame-card { + max-width: 640px; + padding: 44px 0 0; + overflow: hidden; + background: #ffffff; +} + +.dark .mc-frame-card { + background: #ffffff; +} + +.mc-frame-card .close-register svg, +.dark .mc-frame-card .close-register svg { + fill: #023789; +} + +#subscribe-failed.open .mc-frame { + position: static; + display: block; + width: 100%; + height: min(520px, calc(100svh - 140px)); +} diff --git a/js/livestream.js b/js/livestream.js index cc236ee221..a0375f722f 100644 --- a/js/livestream.js +++ b/js/livestream.js @@ -79,7 +79,14 @@ function setupRegisterOverlay() { } openBtn.addEventListener('click', openOverlay); - form.addEventListener('submit', closeOverlay); + form.addEventListener('submit', () => { + const submit = form.querySelector('[type="submit"]'); + if (!submit) return; + setTimeout(() => { + submit.disabled = true; + submit.value = 'Submitting...'; + }, 0); + }); overlay.addEventListener('click', (e) => { if (e.target === overlay || e.target.closest('.close-register')) closeOverlay(); }); diff --git a/livestream/index.html b/livestream/index.html index 8da4433724..4c78bf5034 100644 --- a/livestream/index.html +++ b/livestream/index.html @@ -576,6 +576,42 @@ window.addEventListener('click',(e)=>{ Or join our SimpleX Crowdfunding News channel +

We use Mailchimp to deliver updates via email

+ + + + + +
+ +
+ +
+ +
+ +
+ + + +