From 245f2c08db34e535576633748fc143bb09097ca8 Mon Sep 17 00:00:00 2001 From: silverwind Date: Mon, 29 May 2023 10:55:23 +0200 Subject: [PATCH] Repo list improvements, fix bold helper classes (#24935) - Fix bold helper classes that were broken because of CSS syntax error - Refined the repo list CSS and layout - Removing bold - Downsize the mirror icon to fit - Fix icon positions - Adapted the org list to match - Center the '+' icon and mute it Screenshot 2023-05-25 at 18 38 31 Screenshot 2023-05-25 at 18 30 29 --- web_src/css/dashboard.css | 36 ---------- web_src/css/helpers.css | 10 +-- web_src/js/components/DashboardRepoList.vue | 80 +++++++++++++++------ 3 files changed, 63 insertions(+), 63 deletions(-) diff --git a/web_src/css/dashboard.css b/web_src/css/dashboard.css index 6048c0cda..863dc51db 100644 --- a/web_src/css/dashboard.css +++ b/web_src/css/dashboard.css @@ -160,39 +160,3 @@ .feeds .news:last-of-type .divider { display: none !important; } - -.feeds .list ul { - list-style: none; - margin: 0; - padding-left: 0; -} - -.feeds .list ul li:not(:last-child) { - border-bottom: 1px solid var(--color-secondary); -} - -.feeds .list ul li .repo-list-link { - padding: 6px 1em; - display: block; -} - -.feeds .list ul li .repo-list-link .svg { - color: var(--color-text-light-2); -} - -.feeds .list ul li .repo-list-link .star-num { - font-size: 12px; -} - -.feeds .list #privateFilterCheckbox .svg { - color: var(--color-grey); - margin-right: 0.25rem; -} - -.feeds .list .repo-owner-name-list .item-name { - min-width: 0; -} - -.feeds .list .repo-owner-name-list .item-name svg { - min-width: 16px; -} diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css index 73829dbca..cfd215110 100644 --- a/web_src/css/helpers.css +++ b/web_src/css/helpers.css @@ -86,11 +86,11 @@ Gitea's private styles use `g-` prefix. .gt-float-left { float: left !important; } .gt-float-right { float: right !important; } -.gt-font-light { font-weight: var(--font-weight-light) !important }; -.gt-font-normal { font-weight: var(--font-weight-normal) !important }; -.gt-font-medium { font-weight: var(--font-weight-medium) !important }; -.gt-font-semibold { font-weight: var(--font-weight-semibold) !important }; -.gt-font-bold { font-weight: var(--font-weight-bold) !important }; +.gt-font-light { font-weight: var(--font-weight-light) !important; } +.gt-font-normal { font-weight: var(--font-weight-normal) !important; } +.gt-font-medium { font-weight: var(--font-weight-medium) !important; } +.gt-font-semibold { font-weight: var(--font-weight-semibold) !important; } +.gt-font-bold { font-weight: var(--font-weight-bold) !important; } .gt-rounded { border-radius: var(--border-radius) !important; } .gt-rounded-top { border-radius: var(--border-radius) var(--border-radius) 0 0 !important; } diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue index 0fd22ca9b..42396d36c 100644 --- a/web_src/js/components/DashboardRepoList.vue +++ b/web_src/js/components/DashboardRepoList.vue @@ -10,7 +10,7 @@ {{ textMyRepos }} {{ reposTotalCount }} - + {{ textNewRepo }} @@ -70,18 +70,16 @@
@@ -121,27 +119,27 @@ {{ textMyOrgs }} {{ organizationsTotalCount }}
- + {{ textNewOrg }} @@ -445,3 +443,41 @@ export function initDashboardRepoList() { export default sfc; // activate the IDE's Vue plugin +