try custom button

This commit is contained in:
Lisa Passing 2015-07-09 17:28:11 +02:00
parent 7ed4d33053
commit dd01d22b0f
3 changed files with 32 additions and 1 deletions

View File

@ -23,6 +23,8 @@
<script src="assets/travis.js"></script>
{{content-for 'body-footer'}}
<script type="text/javascript" src="//userlike-cdn-widgets.s3-eu-west-1.amazonaws.com/0327dbb23382ccbbb91b445b76e8a91d4b37d90ef9f2faf84e11177847ff7bb9.js"></script>
<a href="javascript:void(0)" class="feedback-button" id="userlikeCustomTab" data-right="20" data-bottom="50" data-orientation="top">Feedback & Support</a>
<script type="text/javascript" src="//userlike-cdn-widgets.s3-eu-west-1.amazonaws.com/0327dbb23382ccbbb91b445b76e8a91d4b37d90ef9f2faf84e11177847ff7bb9.js"></script>
</body>
</html>

View File

@ -11,6 +11,7 @@
@import "app/forms";
@import "app/github";
@import "app/main/annotations";
@import "app/userlike";
@import "app/main/list";
@import "app/main/log";

View File

@ -0,0 +1,28 @@
.feedback-button
display: none
.pro
.feedback-button
display: inline-block
.feedback-button
display: inline-block
position: fixed
right: 1%
left: auto
bottom: 0
margin: 0
padding: .5em 1em .5em
border-radius: 4px
transform: translateY(20%)
will-change: transform
transition: transform ease 200ms
background: $white
font-size: 13px
color: #a2afb3
text-transform: uppercase
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15)
z-index: 89
.feedback-button:hover
transform: translateY(5%)