Merge branch '#51457-Show-percentage-of-language-detection-on-the-language-bar' into 'master'

Show percentage of language detection on the language bar

Closes #51457

See merge request https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/22056

app/assets/stylesheets/pages/projects.scss

@@ -830,6 +830,14 @@
   }
 }
 
+.repository-language-bar-tooltip-language {
+  font-weight: $gl-font-weight-bold;
+}
+
+.repository-language-bar-tooltip-share {
+  color: $theme-gray-400;
+}
+
 pre.light-well {
   border-color: $well-light-border;
 }

app/helpers/repository_languages_helper.rb

@@ -13,6 +13,7 @@ module RepositoryLanguagesHelper
     content_tag :div, nil,
       class: "progress-bar has-tooltip",
       style: "width: #{lang.share}%; background-color:#{lang.color}",
-      title: lang.name
+      data: { html: true },
+      title: "<span class=\"repository-language-bar-tooltip-language\">#{escape_javascript(lang.name)}</span>&nbsp;<span class=\"repository-language-bar-tooltip-share\">#{lang.share.round(1)}%</span>"
   end
 end

changelogs/unreleased/-51457-Show-percentage-of-language-detection-on-the-language-bar.yml

+---
+title: Show percentage of language detection on the language bar
+merge_request: 22056
+author: Johann Hubert Sonntagbauer
+type: added