Fix close button in the subscribe success message

This commit is contained in:
Sodbileg Gansukh 2020-09-10 12:28:44 +08:00
parent ab521da23a
commit 6350790798
4 changed files with 19 additions and 4 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2609,6 +2609,21 @@ Usage (In Ghost editor):
transform: translateY(-175%); transform: translateY(-175%);
} }
.subscribe-success-message .subscribe-close-button {
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.subscribe-success-message .subscribe-close-button:before,
.subscribe-success-message .subscribe-close-button:after {
top: 31px;
right: 20px;
width: 18px;
height: 2px;
}
.subscribe-close-overlay { .subscribe-close-overlay {
position: absolute; position: absolute;
top: 0; top: 0;

View File

@ -43,7 +43,7 @@
{{!-- The big email subscribe modal content --}} {{!-- The big email subscribe modal content --}}
{{#if @labs.members}} {{#if @labs.members}}
<div class="subscribe-success-message"> <div class="subscribe-success-message">
<a class="subscribe-close" href="javascript:;"></a> <a class="subscribe-close-button" href="javascript:;"></a>
You've successfully subscribed to {{@site.title}}! You've successfully subscribed to {{@site.title}}!
</div> </div>
@ -108,7 +108,7 @@
$('body').addClass("subscribe-success"); $('body').addClass("subscribe-success");
} }
$('.subscribe-success-message .subscribe-close').click(function () { $('.subscribe-success-message .subscribe-close-button').click(function () {
$('.subscribe-success-message').addClass('close'); $('.subscribe-success-message').addClass('close');
}); });