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%);
}
.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 {
position: absolute;
top: 0;

View file

@ -43,7 +43,7 @@
{{!-- The big email subscribe modal content --}}
{{#if @labs.members}}
<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}}!
</div>
@ -108,7 +108,7 @@
$('body').addClass("subscribe-success");
}
$('.subscribe-success-message .subscribe-close').click(function () {
$('.subscribe-success-message .subscribe-close-button').click(function () {
$('.subscribe-success-message').addClass('close');
});