Use existing truncation.

3 files changed, 1 insertions, 15 deletions

diff --git a/app/assets/stylesheets/framework/layout.scss b/app/assets/stylesheets/framework/layout.scss
index 09c596e168c..67c3287ed74 100644
--- a/app/assets/stylesheets/framework/layout.scss
+++ b/app/assets/stylesheets/framework/layout.scss
@@ -121,13 +121,6 @@ of the body element here, we negate cascading side effects but allow momentum sc
   -webkit-overflow-scrolling: auto;
 }
 
-.truncate {
-  width: 250px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .with-performance-bar .page-with-sidebar {
   margin-top: $header-height + $performance-bar-height;
 }
diff --git a/app/assets/stylesheets/framework/mixins.scss b/app/assets/stylesheets/framework/mixins.scss
index 261642f4174..6f91d11b369 100644
--- a/app/assets/stylesheets/framework/mixins.scss
+++ b/app/assets/stylesheets/framework/mixins.scss
@@ -119,13 +119,6 @@
   }
 }
 
-@mixin truncate($width: 250px) {
-  width: $width;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 /*
  * Mixin for status badges, as used for pipelines and commit signatures
  */
diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/pages/repo.scss
index 1a534b91d9c..a9c3e363170 100644
--- a/app/assets/stylesheets/pages/repo.scss
+++ b/app/assets/stylesheets/pages/repo.scss
@@ -44,7 +44,7 @@
 }
 
 .commit-message {
-  @include truncate(250px);
+  @include str-truncated(250px);
 }
 
 #editable-mode {