From dd01d22b0f5e15fc85b741d830135cbd1c6c4b43 Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Thu, 9 Jul 2015 17:28:11 +0200
Subject: [PATCH] try custom button
---
app/index.html | 4 +++-
app/styles/app.scss | 1 +
app/styles/app/userlike.sass | 28 ++++++++++++++++++++++++++++
3 files changed, 32 insertions(+), 1 deletion(-)
create mode 100644 app/styles/app/userlike.sass
diff --git a/app/index.html b/app/index.html
index b3525c47..d28b5744 100644
--- a/app/index.html
+++ b/app/index.html
@@ -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>
diff --git a/app/styles/app.scss b/app/styles/app.scss
index cad3c9d2..75347017 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -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";
diff --git a/app/styles/app/userlike.sass b/app/styles/app/userlike.sass
new file mode 100644
index 00000000..b9791c1b
--- /dev/null
+++ b/app/styles/app/userlike.sass
@@ -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%)
\ No newline at end of file