Fix close button in the subscribe success message
This commit is contained in:
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
|
@ -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;
|
||||
|
|
|
@ -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');
|
||||
});
|
||||
|
||||
|
|
Loading…
Reference in a new issue