Fix margin and alignment in dashboard repolist (#22120) (#22122)

Backport #22120 to 1.18. Seems this has recently regressed, previously,
there was a significant whitespace between icon and text, but it seems
to be gone, so I added the margin.
This commit is contained in:
silverwind 2022-12-16 20:57:22 +01:00 committed by GitHub
parent dd2343d01f
commit 4297aced93
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 4 deletions

View file

@ -128,9 +128,9 @@
<ul class="repo-owner-name-list"> <ul class="repo-owner-name-list">
<li v-for="repo in repos" :class="{'private': repo.private || repo.internal}"> <li v-for="repo in repos" :class="{'private': repo.private || repo.internal}">
<a class="repo-list-link df ac sb" :href="repo.html_url"> <a class="repo-list-link df ac sb" :href="repo.html_url">
<div class="text truncate item-name f1"> <div class="item-name df ac f1 mr-2">
<component v-bind:is="repoIcon(repo)" size="16"></component> <component v-bind:is="repoIcon(repo)" size="16" class="mr-2"></component>
<strong>${repo.full_name}</strong> <div class="text bold truncate ml-1">${repo.full_name}</div>
<span v-if="repo.archived"> <span v-if="repo.archived">
{{svg "octicon-archive" 16 "ml-2"}} {{svg "octicon-archive" 16 "ml-2"}}
</span> </span>

View file

@ -188,7 +188,11 @@
} }
.repo-owner-name-list .item-name { .repo-owner-name-list .item-name {
max-width: 70%; min-width: 0;
}
.repo-owner-name-list .item-name svg {
min-width: 16px;
} }
} }
} }