[UI] ui class of repository-summary : top and bottom borders are not aligned

[everhopingandwaiting]

• Gitea version (or commit ref): 1.12.0+dev-24-ged5140d23
• Git version: 2.24
• Operating system: docker
• Database (use [x]):
  • PostgreSQL
  • MySQL
  • MSSQL
  • SQLite
• Can you reproduce the bug at https://try.gitea.io:
  • Yes (provide example URL)
  • No
  • Not relevant
• Log gist:

Description

ui class of repository-summary : top and bottom borders are not aligned

suggestion:

.repository .repository-summary {
    /* height: 48px; */
    overflow: hidden;

...
before

after

Screenshots

[everhopingandwaiting]

if looks good to you , I will give a pr later

[silverwind]

Issue is .repository-summary is also used on the main repo page where this explicit height is needed to for #10474. I'd suggest renaming the one one the main page to .repository-summary-with-languages and move the 48px style to that name as well. Or maybe find a shorter name if you have one in mind.

[everhopingandwaiting]

@silverwind Thanks for your advice , I found when remove the 48px from .repository-summary, the main repo page seems looks good!
can I just to remove this ? not add a new css name just like .repository-summary-with-languages ?

[silverwind]

Removing it will re-introduce #10474. I will take a look later.

[everhopingandwaiting]

@silverwind sorry , I don`t have a full dev environment，
Some code dependencies are not well checked

[everhopingandwaiting]

already fixed by #10754,