Tweak repo sidebar

[silverwind]

Before and after:

Diff without whitespace: https://github.com/go-gitea/gitea/pull/32847/files?diff=unified&w=1

The tw-mt-2 is fine even if the element renders empty:

[wxiaoguang]

By reading the tmpl code again, I can see the "flex-list" was already abused.

Ideally it should be changed to a layout like this:

<div class="flex-list">
    <flex-item>
         <flex-item-main> (this "flex-item-main" might be omitted since there is no "leading icon", not quite sure)
              <flex-item-title> Description (the section title)</>
              <flex-item-body with other styles> 
                    description
                    topic
                    any other elements etc ....
              </>
          </>
     </>
</>

[silverwind]

Did some tweaks:

• Link wrapper div is now flex-item-body
• Individual links are flex-text-block
• Tweaked homepage link so it's colored like GitHub's
• Font size override to 16px is removed, description is now 14px

Feel free to do more tweaks.

[wxiaoguang]

Thank you, will correct the "flex-list" based on your work

[silverwind]

One tiny tweak added, gap between topic labels is reduced. I'll let you finish now.

[wxiaoguang]

Force pushed (because too many changes) and applied your "gap-1" for the labels.

[silverwind]

Bug: label text is too dull because of color: inherit:

Otherwise LGTM.

[silverwind]

Fix pushed:

[silverwind]

Did more tweaks:

• Extracted release label into its own subtemplate. This was previously always showing untranslated "latest" (i18n key was missing) while the release itself would show "Stable" on the release page. Now it shows "Latest" on both pages and the translation for that is added.
• Restored 16px font size for description block, it fits better with latest release which also has 16px from .flex-item-title.
• Moved the repo-home-sidebar-bottom and repo-home-sidebar-top divs into their respective templates.
• Reduce overly specific css selectors.

[wxiaoguang]

• Extracted release label into its own subtemplate. This was previously always showing untranslated "latest" (i18n key was missing) while the release itself would show "Stable" on the release page. Now it shows "Latest" on both pages and the translation for that is added.

That's not right. There could be many "stable" but only one "latest"

[silverwind]

Hmm so we need to somehow adjust the label template to detect latest vs. stable. FWIW, GitHub has no notion of stable. They just show no label on non-latest non-prerelease/draft.

[wxiaoguang]

Hmm so we need to somehow adjust the label template to detect latest vs. stable.

I would suggest do not do that trick in this PR.

Leave the "latest" on repo home, and leave the "stable" for the list.

[silverwind]

OK:

Repo:

Release:

[silverwind]

Ideally this IsLatest attribute would be set as .Release.IsLatest in backend, but I have no idea where to change that.

[wxiaoguang]

Ideally this IsLatest attribute would be set as .Release.IsLatest in backend, but I have no idea where to change that.

Since the time for releasing 1.23 is limited, I would suggest we only do necessary changes at the moment, keep 1.23 release stable. Leave trivial (or hard) problem to the future.