diff --git a/app/components/requests-item.js b/app/components/requests-item.js index ef7a61ca..6cdd6dab 100644 --- a/app/components/requests-item.js +++ b/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'; diff --git a/app/styles/app/layouts/requests.sass b/app/styles/app/layouts/requests.sass index d93b85ec..278d846f 100644 --- a/app/styles/app/layouts/requests.sass +++ b/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% - diff --git a/app/styles/app/modules/tooltips.sass b/app/styles/app/modules/tooltips.sass index 9fdb8ed1..5b949eda 100644 --- a/app/styles/app/modules/tooltips.sass +++ b/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 diff --git a/app/templates/components/requests-item.hbs b/app/templates/components/requests-item.hbs index 8d0e4fe0..37b347b7 100644 --- a/app/templates/components/requests-item.hbs +++ b/app/templates/components/requests-item.hbs @@ -33,5 +33,12 @@
- {{message}} + {{message}}
+ +{{#if isGHPages}} + + + Read about branch whitelisting + +{{/if}}