Fix single file editor with long branch name

- Moved max-width from media query
to default ruleset

app/assets/stylesheets/pages/editor.scss

@@ -45,6 +45,7 @@
     display: block;
     float: left;
     margin-right: 10px;
+    max-width: 250px;
   }
 
   .new-file-name,
@@ -139,10 +140,6 @@
         clear: both;
       }
     }
-
-    .editor-ref {
-      max-width: 250px;
-    }
   }
 }
 

app/views/projects/blob/_editor.html.haml

@@ -4,7 +4,7 @@
 
 .file-holder-bottom-radius.file-holder.file.gl-mb-3
   .js-file-title.file-title.align-items-center.clearfix{ data: { current_action: action } }
-    .editor-ref.block-truncated
+    .editor-ref.block-truncated.has-tooltip{ title: ref }
       = sprite_icon('fork', size: 12)
       = ref
     - if current_action?(:edit) || current_action?(:update)

changelogs/unreleased/ps-fix-single-file-editor-long-branch.yml

+---
+title: Fix single file editor with long branch name
+merge_request: 36371
+author:
+type: fixed