cta inline with heading

This commit is contained in:
jrcreative
2020-06-17 13:22:22 -07:00
committed by Catherine Luse
parent 237898bd17
commit 7011eaf29a
2 changed files with 11 additions and 14 deletions
+1
View File
@@ -34,6 +34,7 @@ pre > code {
align-items: center; align-items: center;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
width: auto; width: auto;
float: right;
transition: width 200ms ease-in-out; transition: width 200ms ease-in-out;
.content { .content {
+10 -14
View File
@@ -42,15 +42,13 @@
col-12 col-12
texts-container"> texts-container">
<div class="docs-wrap"> <div class="docs-wrap">
<div class="docs-cta-wrapper"> <div class="docs-cta">
<div class="docs-cta"> <a class="icon">?</a>
<a class="icon">?</a> <span class="content">
<span class="content"> <strong>Need Help? </strong>
<strong>Need Help? </strong> &nbsp;<a href="https://rancher.com/training">Get free intro and advanced online training</a>
&nbsp;<a href="https://rancher.com/training">Get free intro and advanced online training</a> </span>
</span> <a class="close">&times;</a>
<a class="close">&times;</a>
</div>
</div> </div>
<script> <script>
@@ -64,12 +62,9 @@
return decodeURIComponent(cookiePair[1]); return decodeURIComponent(cookiePair[1]);
} }
} }
return null; return null;
} }
console.log(getCookie('ctaClosed'))
if (getCookie('ctaClosed') == 'true') { if (getCookie('ctaClosed') == 'true') {
$('.docs-cta .content, .docs-cta .close').hide(); $('.docs-cta .content, .docs-cta .close').hide();
$('.docs-cta').addClass('closed'); $('.docs-cta').addClass('closed');
@@ -78,17 +73,18 @@
$('.docs-cta .icon').click(function (e) { $('.docs-cta .icon').click(function (e) {
e.preventDefault; e.preventDefault;
$('.docs-cta .content, .docs-cta .close').show('fast'); $('.docs-cta .content, .docs-cta .close').show('fast');
$('.docs-cta').remove('closed'); $('.docs-cta').removeClass('closed');
document.cookie = "ctaClosed=false;path=/"; document.cookie = "ctaClosed=false;path=/";
}); });
$('.docs-cta .close').click(function (e) { $('.docs-cta .close').click(function (e) {
e.preventDefault; e.preventDefault;
$('.docs-cta .content, .docs-cta .close').hide('fast'); $('.docs-cta .content, .docs-cta .close').hide('fast');
$('.docs-cta').toggleClass('closed'); $('.docs-cta').addClass('closed');
document.cookie = "ctaClosed=true;SameSite=Lax;path=/;max-age=" + 10 * 24 * 60 * 60; document.cookie = "ctaClosed=true;SameSite=Lax;path=/;max-age=" + 10 * 24 * 60 * 60;
}); });
</script> </script>
{{ with .Params.Title }} {{ with .Params.Title }}
<h1 class="m-t-0">{{ . }}</h1> <h1 class="m-t-0">{{ . }}</h1>
<hr /> <hr />