diff options
| author | Giteabot <teabot@gitea.io> | 2023-11-08 09:29:33 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-11-08 01:29:33 +0000 |
| commit | 46ac04ce9d06316d65eb4f418ccab4f6c8f355a1 (patch) | |
| tree | 755df9fd36e37d9b47ce4ab809ef8812abaeff6b /web_src | |
| parent | cc7b9eb085a58968999b33f4fe60e12de8366fe5 (diff) | |
| download | gitea-46ac04ce9d06316d65eb4f418ccab4f6c8f355a1.tar.gz gitea-46ac04ce9d06316d65eb4f418ccab4f6c8f355a1.zip | |
Add word-break to repo description in home page (#27924) (#27957)
Backport #27924 by @yp05327
In #25315, @denyskon fixed UI on mobile view.
But for the repo description, on desktop view there's no word-break.
So maybe we can just add `gt-word-break` to fix it on both mobile view
and desktop view.
Before:
desktop view:
mobile view:
After:
desktop view:
mobile view(almost same?)
Co-authored-by: yp05327 <576951401@qq.com>
Co-authored-by: silverwind <me@silverwind.io>
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/css/repo.css | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/web_src/css/repo.css b/web_src/css/repo.css index b39f2f4fbe..abc866ee5f 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -211,14 +211,14 @@ display: flex; justify-content: space-between; align-items: center; + gap: 5px; margin-bottom: 5px; } -@media (max-width: 767.68px) { +@media (max-width: 767.98px) { .repository.file.list .repo-description { flex-direction: column; - gap: 8px; - align-items: normal; + align-items: stretch; } } |