Use existing truncation.

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;
 }

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
  */

app/assets/stylesheets/pages/repo.scss

@@ -44,7 +44,7 @@
 }
 
 .commit-message {
-  @include truncate(250px);
+  @include str-truncated(250px);
 }
 
 #editable-mode {