From 0b85dcbeada6ca778b7833b05b67ebcd63457451 Mon Sep 17 00:00:00 2001
From: aignatov-bio <47317017+aignatov-bio@users.noreply.github.com>
Date: Wed, 21 Aug 2019 10:39:48 +0200
Subject: [PATCH] Fix long inventory names (#1999)

---
 app/assets/stylesheets/repositories.scss | 41 +++++++++++-------------
 app/views/repositories/show.html.erb     | 35 +++++++++-----------
 2 files changed, 34 insertions(+), 42 deletions(-)

diff --git a/app/assets/stylesheets/repositories.scss b/app/assets/stylesheets/repositories.scss
index 1026fce4b..794899989 100644
--- a/app/assets/stylesheets/repositories.scss
+++ b/app/assets/stylesheets/repositories.scss
@@ -68,37 +68,32 @@
   border-bottom: 1px solid $color-gainsboro;
   display: flex;
   margin-left: -20px;
-  padding: 5px 20px;
+  padding: 5px 15px;
   width: calc(100% + 40px);
 
+  .repository-share-icon {
+    flex-shrink: 0;
+    margin-top: -2px;
+
+    .fas-custom {
+      margin-right: 5px;
+    }
+  }
+
   .repository-title {
-    align-items: center;
-    display: flex;
     flex-grow: 1;
     font-size: 18px;
-    font-weight: 500;
+    line-height: 50px;
     margin-right: 20px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 
-    span {
-      white-space: nowrap;
-    }
+    .inline-editing-container {
+      width: 100%;
 
-    .repository-share-icon {
-      flex-shrink: 0;
-      margin-right: 13px;
-      margin-top: -2px;
-    }
-
-    .repository-name {
-      display: block;
-      flex-grow: 1;
-      margin-left: -10px;
-
-      .inline-editing-container {
-
-        input {
-          line-height: 26px;
-        }
+      input {
+        line-height: 26px;
       }
     }
 
diff --git a/app/views/repositories/show.html.erb b/app/views/repositories/show.html.erb
index e5ff5ba48..c0d79d0ec 100644
--- a/app/views/repositories/show.html.erb
+++ b/app/views/repositories/show.html.erb
@@ -11,27 +11,24 @@
 
 <div class="content-pane repository-show">
   <div id="repository-toolbar">
-    <div class="repository-title">
-      <span class="repository-share-icon">
-        <% if @repository.shared_with?(current_team) %>
-          <% if @repository.shared_with_write?(current_team) %>
-            <%= draw_custom_icon('shared-edit') %>
-          <% else %>
-            <%= draw_custom_icon('shared-read') %>
-          <% end %>
-        <% elsif @repository.i_shared?(current_team) %>
-          <%= draw_custom_icon('i-shared') %>
-        <% end %>
-      </span>
-      <span class="repository-name">
-        <% if @inline_editable_title_config.present? %>
-          <%= render partial: "shared/inline_editing",
-                     locals: { initial_value: @repository.name } %>
+    <span class="repository-share-icon">
+      <% if @repository.shared_with?(current_team) %>
+        <% if @repository.shared_with_write?(current_team) %>
+          <%= draw_custom_icon('shared-edit') %>
         <% else %>
-          <%= truncate(@repository.name,
-                     length: Constants::MAX_EDGE_LENGTH) %>
+          <%= draw_custom_icon('shared-read') %>
         <% end %>
-      </span>
+      <% elsif @repository.i_shared?(current_team) %>
+        <%= draw_custom_icon('i-shared') %>
+      <% end %>
+    </span>
+    <div class="repository-title">
+      <% if @inline_editable_title_config.present? %>
+        <%= render partial: "shared/inline_editing",
+                     locals: { initial_value: @repository.name } %>
+      <% else %>
+        <%= @repository.name %>
+      <% end %>
     </div>
 
     <div id="datatables-buttons" class="datatables-buttons" style="display: inline;">