Merge pull request #426 from travis-ci/lp-whitelist-info

add link to docs on requests if branch is gh-pages

app/components/requests-item.js

@@ -6,6 +6,15 @@ export default Ember.Component.extend({
   classNameBindings: ['requestClass'],
   tagName: 'li',
 
+  isGHPages: function() {
+    var message = this.get('request.message');
+    if (message === 'github pages branch') {
+      return true;
+    } else {
+      return false;
+    }
+  }.property('request.message'),
+
   requestClass: function() {
     if (this.get('request.isAccepted')) {
       return 'accepted';

app/styles/app/layouts/requests.sass

@@ -14,6 +14,7 @@
   list-style: none
 
 .request-item
+  position: relative
   border: 1px solid $cream-dark
   margin-bottom: 5px
   font-size: 15px
@@ -46,8 +47,6 @@
     align-items: center
     padding: .3em 0
     white-space: nowrap
-    .row-item
-      overflow: hidden
 
     .row-item:first-of-type
       flex: 0 0 3em
@@ -64,4 +63,3 @@
       flex: 0 0 8%
     .row-item:last-of-type
       flex: 0 0 20%
-

app/styles/app/modules/tooltips.sass

@@ -107,3 +107,19 @@
       right: 0
       margin: auto
 
+
+.tooltip--requests
+  @extend %tooltip
+  position: absolute
+  right: 0
+  bottom: 0
+  .tooltip-trigger
+    margin: .2em .5em
+  .tooltip-bubble
+    top: -3.6em
+    right: 0
+    width: 10em
+    height: 3em
+    white-space: normal
+    &:before
+      right: .8em

app/templates/components/requests-item.hbs

@@ -33,5 +33,12 @@
 </div>
 
 <div class="row-item fade-out">
-  <span class="label-align">{{message}}</span>
+  <span class="label-align">{{message}} </span>
 </div>
+
+{{#if isGHPages}}
+  <a class="tooltip--requests" href="https://docs.travis-ci.com/user/customizing-the-build/#Whitelisting-or-blacklisting-branches" title="Branch whitelisting - Travis CI Docs">
+    <span class="icon-question tooltip-trigger" aria-label="Help"></span>
+    <span class="tooltip-bubble">Read about branch whitelisting</span>
+  </a>
+{{/if}}