mirror of
https://github.com/jbowdre/runtimeterror.git
synced 2024-11-21 14:32:19 +00:00
add kudos button for cabin event tracking
This commit is contained in:
parent
dc3f6bb355
commit
0332cbaab4
2 changed files with 27 additions and 4 deletions
|
@ -40,10 +40,9 @@
|
|||
{{- $reply = false }}
|
||||
{{- end }}
|
||||
{{- if eq $reply true }}
|
||||
<hr>
|
||||
{{- if (eq $reply true) }}
|
||||
<span class="post_email_reply"><a href="mailto:wheel.east.brief@clkdmail.com?Subject=Re: {{ .Title }}">📧 Reply by email</a></span>
|
||||
{{- end }}
|
||||
<hr>
|
||||
<span class="post_kudos"><button class="kudos" data-cabin-event="kudos">👍</button>Enjoyed this?</span>
|
||||
<span class="post_email_reply"><a href="mailto:wheel.east.brief@clkdmail.com?Subject=Re: {{ .Title }}">📧 Reply by email</a></span>
|
||||
{{- end }}
|
||||
<footer class="content__footer"></footer>
|
||||
{{ end }}
|
||||
|
|
|
@ -403,3 +403,27 @@ p:has(+ ul) {
|
|||
}
|
||||
}
|
||||
|
||||
/* Cabin kudos styling */
|
||||
.post_kudos {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
button.kudos {
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
color: var(--off-fg);
|
||||
font-size: 1.2rem;
|
||||
padding: 0;
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
button.kudos:hover {
|
||||
transform: scale(1.1);
|
||||
text-shadow: var(-off-bg) 0 0 1px;
|
||||
}
|
||||
|
||||
button.kudos:active {
|
||||
transform: scale(0.9);
|
||||
}
|
Loading…
Reference in a new issue