From 20a3b03fe57bebca3c30bf5a39cad62ad1ae4ed9 Mon Sep 17 00:00:00 2001 From: wxiaoguang Date: Tue, 25 Apr 2023 01:46:00 +0800 Subject: [PATCH] Add --font-weight-bold and set previous bold to 601 (#24307) Fix #24305 According to MDN, "bold" starts from 700, some fonts do not provide "bolding" for weight 600 https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight --------- Co-authored-by: silverwind Co-authored-by: Giteabot --- web_src/css/admin.css | 2 +- web_src/css/base.css | 10 +++++++--- web_src/css/chroma/base.css | 2 +- web_src/css/features/imagediff.css | 2 +- web_src/css/helpers.css | 2 +- web_src/css/install.css | 2 +- web_src/css/markup/content.css | 6 +++--- web_src/css/repository.css | 2 +- web_src/css/shared/issuelist.css | 2 +- web_src/css/user.css | 2 +- web_src/js/components/DashboardRepoList.vue | 2 +- 11 files changed, 19 insertions(+), 15 deletions(-) diff --git a/web_src/css/admin.css b/web_src/css/admin.css index 00ed675e2d..a07a63b11e 100644 --- a/web_src/css/admin.css +++ b/web_src/css/admin.css @@ -59,7 +59,7 @@ } .admin dl.admin-dl-horizontal dt { - font-weight: 600; + font-weight: var(--font-weight-bold); float: left; width: 285px; clear: left; diff --git a/web_src/css/base.css b/web_src/css/base.css index 42263a974f..39aa37a437 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -3,6 +3,10 @@ --fonts-proportional: -apple-system, "Segoe UI", system-ui, "Roboto", "Helvetica Neue", "Arial"; --fonts-monospace: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace, var(--fonts-emoji); --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla"; + /* "font-weight: bold" starts from 700, some fonts do not provide "bolding" for weight 600. */ + /* But some users consider "700" is too heavy, so use 601, which is when Segoe UI on Linux */ + /* starts bolding. */ + --font-weight-bold: 601; /* backgrounds */ --checkbox-mask-checked: url('data:image/svg+xml;utf8,'); --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,'); @@ -211,7 +215,7 @@ h3, h4, h5, h6 { - font-weight: 600; + font-weight: var(--font-weight-bold); } body { @@ -1750,7 +1754,7 @@ img.ui.avatar, } .scrolling.menu .item.selected { - font-weight: 600 !important; + font-weight: var(--font-weight-bold) !important; } .ui.dropdown .scrolling.menu { @@ -2732,7 +2736,7 @@ table th[data-sortt-desc] .svg { .ellipsis-button { padding: 0 5px 8px !important; display: inline-block !important; - font-weight: 600 !important; + font-weight: var(--font-weight-bold) !important; line-height: 6px !important; vertical-align: middle !important; } diff --git a/web_src/css/chroma/base.css b/web_src/css/chroma/base.css index bfd49db7a4..f1db1993fe 100644 --- a/web_src/css/chroma/base.css +++ b/web_src/css/chroma/base.css @@ -41,7 +41,7 @@ /* GenericStrong */ .chroma .gs { - font-weight: 600; + font-weight: var(--font-weight-bold); } /* GenericUnderline */ diff --git a/web_src/css/features/imagediff.css b/web_src/css/features/imagediff.css index f796bc19ae..244ec5a96f 100644 --- a/web_src/css/features/imagediff.css +++ b/web_src/css/features/imagediff.css @@ -26,7 +26,7 @@ } .image-diff-container .diff-side-by-side .side .side-header { - font-weight: bold; + font-weight: var(--font-weight-bold); } .image-diff-container .diff-swipe { diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css index c69b4d5450..750ec44229 100644 --- a/web_src/css/helpers.css +++ b/web_src/css/helpers.css @@ -37,7 +37,7 @@ Gitea's private styles use `g-` prefix. font-size: .95em !important; /* compensate for monospace fonts being usually slightly larger */ } -.gt-bold { font-weight: 600 !important; } +.gt-bold { font-weight: var(--font-weight-bold) !important; } .gt-word-break { word-wrap: break-word !important; diff --git a/web_src/css/install.css b/web_src/css/install.css index b936ba66fd..d99805b80f 100644 --- a/web_src/css/install.css +++ b/web_src/css/install.css @@ -55,7 +55,7 @@ margin: 20px auto; color: var(--color-red); text-align: left; - font-weight: bold; + font-weight: var(--font-weight-bold); } .page-content.install .ui .reinstall-confirm { diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index d0f11e8e76..db67ac4263 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -70,7 +70,7 @@ .markup h6 { margin-top: 24px; margin-bottom: 16px; - font-weight: 600; + font-weight: var(--font-weight-bold); line-height: 1.25; } @@ -248,7 +248,7 @@ margin-top: 16px; font-size: 1em; font-style: italic; - font-weight: 600; + font-weight: var(--font-weight-bold); } .markup dl dd { @@ -280,7 +280,7 @@ } .markup table th { - font-weight: 600; + font-weight: var(--font-weight-bold); } .markup table th, diff --git a/web_src/css/repository.css b/web_src/css/repository.css index 42dd3e9e34..496e517bc8 100644 --- a/web_src/css/repository.css +++ b/web_src/css/repository.css @@ -1561,7 +1561,7 @@ } .repository .data-table th { - font-weight: 600; + font-weight: var(--font-weight-bold); background: var(--color-box-header); border-top: 0; } diff --git a/web_src/css/shared/issuelist.css b/web_src/css/shared/issuelist.css index 26affd98a0..c214406752 100644 --- a/web_src/css/shared/issuelist.css +++ b/web_src/css/shared/issuelist.css @@ -33,7 +33,7 @@ color: var(--color-text); font-size: 16px; min-width: 0; - font-weight: 600; + font-weight: var(--font-weight-bold); } .issue.list > .item .issue-item-top-row a.index { diff --git a/web_src/css/user.css b/web_src/css/user.css index 51a8943355..2a3fe1beaf 100644 --- a/web_src/css/user.css +++ b/web_src/css/user.css @@ -1,6 +1,6 @@ .user.profile .ui.card .header { display: block; - font-weight: 600; + font-weight: var(--font-weight-bold); font-size: 1.3rem; margin-top: -0.2rem; line-height: 1.3rem; diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue index 1af53aac90..a3a02ecadb 100644 --- a/web_src/js/components/DashboardRepoList.vue +++ b/web_src/js/components/DashboardRepoList.vue @@ -74,7 +74,7 @@
-
{{ repo.full_name }}
+
{{ repo.full_name }}