loading up the forgejo repo on tangled to test page performance
Merge pull request 'Update look of repo/org tabs on homepage' (#2593) from 0ko/forgejo:hometab into forgejo
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/2593
Reviewed-by: Otto <otto@codeberg.org>
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
+15
-24
+1
-2
options/locale/locale_en-US.ini
+1
-2
options/locale/locale_en-US.ini
···
332
332
password_holder = Password
333
333
switch_dashboard_context = Switch Dashboard Context
334
334
my_repos = Repositories
335
+
my_orgs = Organizations
335
336
show_more_repos = Show more repositories…
336
337
collaborative_repos = Collaborative Repositories
337
-
my_orgs = My Organizations
338
-
my_mirrors = My Mirrors
339
338
view_home = View %s
340
339
search_repos = Find a repository…
341
340
filter = Other Filters
-4
templates/user/dashboard/repolist.tmpl
-4
templates/user/dashboard/repolist.tmpl
···
5
5
isMirrorsEnabled: {{.MirrorsEnabled}},
6
6
isStarsEnabled: {{not .IsDisableStars}},
7
7
8
-
textRepository: {{ctx.Locale.Tr "repository"}},
9
-
textOrganization: {{ctx.Locale.Tr "organization"}},
10
8
textMyRepos: {{ctx.Locale.Tr "home.my_repos"}},
11
-
textNewRepo: {{ctx.Locale.Tr "new_repo"}},
12
9
textSearchRepos: {{ctx.Locale.Tr "home.search_repos"}},
13
10
textFilter: {{ctx.Locale.Tr "home.filter"}},
14
11
textShowArchived: {{ctx.Locale.Tr "home.show_archived"}},
···
34
31
textLastPage: {{ctx.Locale.Tr "admin.last_page"}},
35
32
36
33
textMyOrgs: {{ctx.Locale.Tr "home.my_orgs"}},
37
-
textNewOrg: {{ctx.Locale.Tr "new_org"}},
38
34
39
35
textOrgVisibilityLimited: {{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}},
40
36
textOrgVisibilityPrivate: {{ctx.Locale.Tr "org.settings.visibility.private_shortname"}},
+8
web_src/css/dashboard.css
+8
web_src/css/dashboard.css
···
82
82
padding-right: 0.5rem;
83
83
}
84
84
85
+
.dashboard .dashboard-navbar .right.menu {
86
+
gap: .35714286em;
87
+
}
88
+
89
+
.dashboard .dashboard-navbar .right.menu div.item {
90
+
padding-left: 0.5rem;
91
+
}
92
+
85
93
.dashboard .dashboard-navbar .org-visibility .label {
86
94
margin-left: 5px;
87
95
}
+6
-18
web_src/js/components/DashboardRepoList.vue
+6
-18
web_src/js/components/DashboardRepoList.vue
···
340
340
</script>
341
341
<template>
342
342
<div>
343
-
<div v-if="!isOrganization" class="ui two item menu">
344
-
<a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{ textRepository }}</a>
345
-
<a :class="{item: true, active: tab === 'organizations'}" @click="changeTab('organizations')">{{ textOrganization }}</a>
343
+
<div v-if="!isOrganization" class="ui secondary stackable menu">
344
+
<a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{ textMyRepos }} <span class="ui grey label gt-ml-3">{{ reposTotalCount }}</span></a>
345
+
<a :class="{item: true, active: tab === 'organizations'}" @click="changeTab('organizations')">{{ textMyOrgs }} <span class="ui grey label gt-ml-3">{{ organizationsTotalCount }}</span></a>
346
346
</div>
347
347
<div v-show="tab === 'repos'" class="ui tab active list dashboard-repos">
348
-
<h4 class="ui top attached header gt-df gt-ac">
348
+
<h4 v-if="isOrganization" class="ui top attached gt-mt-4 gt-df gt-ac">
349
349
<div class="gt-f1 gt-df gt-ac">
350
350
{{ textMyRepos }}
351
351
<span class="ui grey label gt-ml-3">{{ reposTotalCount }}</span>
352
352
</div>
353
-
<a class="gt-df gt-ac muted" :href="subUrl + '/repo/create' + (isOrganization ? '?org=' + organizationId : '')" :data-tooltip-content="textNewRepo">
354
-
<svg-icon name="octicon-plus"/>
355
-
</a>
356
353
</h4>
357
-
<div class="ui attached segment repos-search">
354
+
<div class="ui top attached segment repos-search gt-rounded-top">
358
355
<div class="ui fluid action left icon input" :class="{loading: isLoading}">
359
356
<input type="search" spellcheck="false" maxlength="255" @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" @keydown="reposFilterKeyControl" :placeholder="textSearchRepos">
360
357
<i class="icon"><svg-icon name="octicon-search" :size="16"/></i>
···
457
454
</div>
458
455
</div>
459
456
<div v-if="!isOrganization" v-show="tab === 'organizations'" class="ui tab active list dashboard-orgs">
460
-
<h4 class="ui top attached header gt-df gt-ac">
461
-
<div class="gt-f1 gt-df gt-ac">
462
-
{{ textMyOrgs }}
463
-
<span class="ui grey label gt-ml-3">{{ organizationsTotalCount }}</span>
464
-
</div>
465
-
<a class="gt-df gt-ac muted" v-if="canCreateOrganization" :href="subUrl + '/org/create'" :data-tooltip-content="textNewOrg">
466
-
<svg-icon name="octicon-plus"/>
467
-
</a>
468
-
</h4>
469
-
<div v-if="organizations.length" class="ui attached table segment gt-rounded-bottom">
457
+
<div v-if="organizations.length" class="ui attached table segment gt-rounded">
470
458
<ul class="repo-owner-name-list">
471
459
<li class="gt-df gt-ac gt-py-3" v-for="org in organizations" :key="org.name">
472
460
<a class="repo-list-link muted" :href="subUrl + '/' + encodeURIComponent(org.name)">