Make language stats available without JavaScript

[vollkorntomate]

Fixes #20947.

This PR makes a repository's language stats available to users who have disabled JavaScript. The language names and respective shares are now always shown below the colored bar, rather than faded in when clicked (see screenshot below).

This has the additional advantage that these stats are now also visible in the mobile/responsive version, even though the bar is not visible there (perhaps this is another issue).

Since this is my first contribution to Gitea, I am not 100% sure if the removed code breaks other functionality or there are things to be removed that I didn't see.

[silverwind]

I'm not a huge fan of the current slide mechanism, but always displaying like this PR does seems wrong. It takes away vertical space for questionable benefit. If we ever move to a GitHub-like repo layout, the extra space could be used to display languages like they do.

[CLanguagePurist]

Maybe add the followings for Pure CSS style animation? It's just a rough idea that you can change.

web_src/less/_repository.less

.repository-summary-language-stats {
  height: 48px;
  overflow: hidden;
  -webkit-transition: height 0.1s;
  transition: height 0.1s;

  @media @mediaSm {
    height: auto;
  }
  .language-stats-details {
    display: none
  }
}

.repository-summary-language-stats:hover {
  height: 84px;

  .language-stats-details {
    display: block flow
  }
}

And remove the style="display:none" style from language-stats-details div in templates/repo/sub_menu.tmpl

[CLanguagePurist]

Example.mp4

[lafriks]

I don't think that this is so important information that it should be display always, especially since it does take quite some vertical space

[zeripath]

perhaps it should be a hover thing?

[silverwind]

We have hover on language since #20923, so it should be easy to add the percentag to the tooltip as well. But OP will probably not like it as that tooltip requires JS 😉.