浏览代码

[core] Add Feedback label for demo

Added on the right hand side with link to team@gethue.com
Enrico Berti 11 年之前
父节点
当前提交
9a8aeae5a4

+ 6 - 0
desktop/core/src/desktop/templates/common_header.mako

@@ -421,6 +421,12 @@ from django.utils.translation import ugettext as _
 
 </div>
 
+% if is_demo:
+  <ul class="side-labels unstyled">
+    <li class="feedback"><a href="mailto:team@gethue.com?subject=Demo feedback"><i class="fa fa-envelope-o"></i> ${_('Feedback')}</a></li>
+  </ul>
+% endif
+
 <div id="jHueNotify" class="alert hide">
     <button class="close">&times;</button>
     <span class="message"></span>

+ 2 - 1
desktop/core/src/desktop/views.py

@@ -361,7 +361,8 @@ def commonheader(title, section, user, padding="90px"):
     'title': title,
     'section': section,
     'padding': padding,
-    'user': user
+    'user': user,
+    'is_demo': desktop.conf.DEMO_ENABLED.get()
   })
 
 def commonfooter(messages=None):

+ 42 - 0
desktop/core/static/css/hue3.css

@@ -1533,4 +1533,46 @@ a, a:hover, a:active, a:focus {
   -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3) inset;
   -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3) inset;
   box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3) inset;
+}
+
+.side-labels {
+  -webkit-transform: rotate(-90deg);
+  -moz-transform: rotate(-90deg);
+  -o-transform: rotate(-90deg);
+  -ms-transform: rotate(-90deg);
+  -sand-transform: rotate(90deg);
+  -webkit-transform-origin: 100% 0;
+  -moz-transform-origin: 100% 0;
+  -ms-transform-origin: 100% 0;
+  -o-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+  display: block;
+  position: fixed;
+  top: 270px;
+  right: 30px;
+}
+
+.side-labels li {
+  font-size: 1em;
+  padding: 4px 16px !important;
+  cursor: pointer;
+  font-weight: 500;
+  border-top: 2px solid #FFF;
+}
+
+.side-labels li a {
+  color: #F0F0F0!important;
+}
+
+.side-labels li:hover a {
+  color: #FFF!important;
+  text-decoration: none;
+}
+
+.side-labels .feedback {
+  background-color: #338BB8;
+}
+
+.side-labels .feedback:hover {
+  border-top-color: #338BB8;
 }