oppi.li / perf-test
loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Fix migrate page layout on mobile (#25507)

Fixes: https://github.com/go-gitea/gitea/issues/25462

On supporting browsers, text in description is [wrapped
equally](https://caniuse.com/css-text-wrap-balance).

<img width="488" alt="Screenshot 2023-06-26 at 00 17 21"
src="https://github.com/go-gitea/gitea/assets/115237/cb8e3a50-6225-4a8c-a6c0-f35a17d2af76">

<img width="1254" alt="Screenshot 2023-06-26 at 00 14 51"
src="https://github.com/go-gitea/gitea/assets/115237/0885404e-973e-45ce-b41e-5cb265a4cd1e">

authored by

silverwind and committed by
GitHub da6df0d0 d44a415b

+24 -5
+2 -2
templates/repo/migrate/migrate.tmpl
··· 3 3 <div class="ui middle very relaxed page grid"> 4 4 <div class="column"> 5 5 {{template "repo/migrate/helper" .}} 6 - <div class="ui three stackable cards"> 6 + <div class="ui cards migrate-entries"> 7 7 {{range .Services}} 8 - <a class="ui card gt-df gt-ac" href="{{AppSubUrl}}/repo/migrate?service_type={{.}}&org={{$.Org}}&mirror={{$.Mirror}}"> 8 + <a class="ui card migrate-entry gt-df gt-ac" href="{{AppSubUrl}}/repo/migrate?service_type={{.}}&org={{$.Org}}&mirror={{$.Mirror}}"> 9 9 {{if eq .Name "github"}} 10 10 {{svg "octicon-mark-github" 184 "gt-p-4"}} 11 11 {{else if eq .Name "gitlab"}}
+22 -3
web_src/css/repo.css
··· 3100 3100 } 3101 3101 } 3102 3102 3103 - .repository.migrate .card { 3103 + .migrate-entries { 3104 + display: grid !important; 3105 + grid-template-columns: repeat(3, 1fr); 3106 + gap: 25px; 3107 + margin: 0 !important; 3108 + } 3109 + 3110 + @media (max-width: 767.98px) { 3111 + .migrate-entries { 3112 + grid-template-columns: repeat(1, 1fr); 3113 + } 3114 + } 3115 + 3116 + .migrate-entry { 3104 3117 transition: all 0.1s ease-in-out; 3105 3118 box-shadow: none !important; 3106 3119 border: 1px solid var(--color-secondary); 3107 - color: var(--color-text); 3120 + color: var(--color-text) !important; 3121 + width: auto !important; 3122 + margin: 0 !important; 3108 3123 } 3109 3124 3110 - .repository.migrate .card:hover { 3125 + .migrate-entry:hover { 3111 3126 transform: scale(105%); 3112 3127 box-shadow: 0 0.5rem 1rem var(--color-shadow) !important; 3128 + } 3129 + 3130 + .migrate-entry .description { 3131 + text-wrap: balance; 3113 3132 } 3114 3133 3115 3134 @media (max-width: 767.98px) {