From 76c9b368cfb9d84447cd04db2caaffa86289b43c Mon Sep 17 00:00:00 2001
From: Lisa P <mail@lislis.de>
Date: Mon, 28 Sep 2015 17:25:20 +0200
Subject: [PATCH] fix long repo and branch name issue

---
 app/styles/app/layouts/branches.sass         |  4 ----
 app/styles/app/layouts/dashboard.sass        | 17 ++++++++---------
 app/templates/components/branch-row.hbs      |  2 +-
 app/templates/components/dashboard-row.hbs   |  4 ++--
 app/templates/components/owner-repo-tile.hbs |  4 ++--
 5 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/app/styles/app/layouts/branches.sass b/app/styles/app/layouts/branches.sass
index f4176a1b..89106db3 100644
--- a/app/styles/app/layouts/branches.sass
+++ b/app/styles/app/layouts/branches.sass
@@ -42,10 +42,6 @@
   @media #{$medium-up}
     & > div:first-of-type
       width: 26%
-      position: relative
-      &:after
-        content: ""
-        @include fadeOut(right, -90deg, $white)
     & > div:nth-of-type(2)
       width: 20%
     & > div:nth-of-type(3)
diff --git a/app/styles/app/layouts/dashboard.sass b/app/styles/app/layouts/dashboard.sass
index 0f7cac31..001936b8 100644
--- a/app/styles/app/layouts/dashboard.sass
+++ b/app/styles/app/layouts/dashboard.sass
@@ -1,12 +1,11 @@
-// .two-line,
-// .one-line
-//   @media #{$medium-up}
-//     white-space: nowrap
-//     position:relative
-//     overflow: hidden
-//     &:after
-//       content: ""
-//       @include fadeOut(right, -90deg, $white)
+.fade-out
+  @media #{$medium-up}
+    white-space: nowrap
+    position:relative
+    overflow: hidden
+    &:after
+      content: ""
+      @include fadeOut(right, -90deg, $white)
 
 @mixin colorDashboardTiles($color, $status, $color2: $color)
   &.#{$status}
diff --git a/app/templates/components/branch-row.hbs b/app/templates/components/branch-row.hbs
index 4f62166d..e8104b53 100644
--- a/app/templates/components/branch-row.hbs
+++ b/app/templates/components/branch-row.hbs
@@ -1,4 +1,4 @@
-<div class="two-line">
+<div class="two-line fade-out">
   <div class="row-name"> 
     <h2 class="row-item">{{status-icon status=build.last_build.state}}
     <span class="label-align">{{build.name}}</span></h2>
diff --git a/app/templates/components/dashboard-row.hbs b/app/templates/components/dashboard-row.hbs
index 9d2fc268..7a962b32 100644
--- a/app/templates/components/dashboard-row.hbs
+++ b/app/templates/components/dashboard-row.hbs
@@ -1,12 +1,12 @@
 
-<div class="two-line">
+<div class="two-line fade-out">
   <div class="row-name row-item"> 
     <h3>{{#link-to "owner" repo.owner.login}}{{status-icon status=repo.last_build.state}} {{repo.owner.login}}{{/link-to}}</h3>
     <h2>{{#link-to "repo" repo.owner.login repo.name}}<span class="label-align">{{repo.name}}</span>{{/link-to}}</h2>
   </div>
 </div>
 
-<div class="one-line">
+<div class="one-line fade-out">
   <div class="row-request">
     <div class="row-item">
     {{#link-to "build" repo.owner.login repo.name repo.last_build.id}}
diff --git a/app/templates/components/owner-repo-tile.hbs b/app/templates/components/owner-repo-tile.hbs
index 858a53be..e818221c 100644
--- a/app/templates/components/owner-repo-tile.hbs
+++ b/app/templates/components/owner-repo-tile.hbs
@@ -1,7 +1,7 @@
 {{!-- {{#if repo.private }}
   <div class="tile-lock"><span class="icon icon-lock"></span></div>
 {{/if}} --}}
-<div class="repo">
+<div class="repo fade-out">
   <h2 class="repo-title">
   {{status-icon status=repo.default_branch.last_build.state}}
   {{#link-to "repo" ownerName repoName }}
@@ -27,7 +27,7 @@
       <span>{{repo.default_branch.last_build.number}}</span>
     {{/link-to}}
   </div>
-  <div class="branch">
+  <div class="branch fade-out">
     {{request-icon build=repo.default_branch.last_build}}
     <span class="label-align">{{repo.default_branch.name}}</span>