Merge branch 'ee-50264-add-border-around-the-repository-file-tree' into 'master'

Resolve "Add border around the repository file tree" EE

Closes gitlab-ce#50264

See merge request gitlab-org/gitlab-ee!8534

app/assets/stylesheets/pages/tree.scss

@@ -104,11 +104,23 @@
       border-bottom: 1px solid $white-normal;
       border-top: 1px solid $white-normal;
 
+      &:last-of-type {
+        border-bottom-color: $white-light;
+      }
+
       td,
       th {
         line-height: 21px;
       }
 
+      th {
+        border-top-color: $gray-light;
+      }
+
+      td {
+        border-color: $border-color;
+      }
+
       &:hover:not(.tree-truncated-warning) {
         td {
           background-color: $blue-50;

app/views/projects/tree/_tree_content.html.haml

 .tree-content-holder.js-tree-content{ 'data-logs-path': @logs_path, 'data-path-locks-available': (@project.feature_available?(:file_locks) ? 'true' : 'false'), 'data-path-locks-toggle': toggle_project_path_locks_path(@project), 'data-path-locks-path': @path }
-  .table-holder
+  .table-holder.bordered-box
     %table.table#tree-slider{ class: "table_#{@hex_path} tree-table qa-file-tree" }
       %thead
         %tr

changelogs/unreleased/50264-add-border-around-the-repository-file-tree.yml

+---
+title: Resolve Add border around the repository file tree
+merge_request: 23018
+author:
+type: changed