From e0518a298609a59c53275c3ff258924eedd4f182 Mon Sep 17 00:00:00 2001 From: lutinglt Date: Sat, 6 Sep 2025 16:20:40 +0800 Subject: [PATCH] =?UTF-8?q?=E5=90=8C=E6=AD=A5=E9=87=8C=E7=A8=8B=E7=A2=91?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/release.md | 4 ++ styles/components/index.ts | 1 + styles/components/issue.ts | 105 ++++++++++++++++++++------------ styles/components/milestones.ts | 16 +++++ styles/public/button.ts | 1 + styles/public/index.ts | 1 + styles/public/other.ts | 8 +++ 7 files changed, 97 insertions(+), 39 deletions(-) create mode 100644 styles/components/milestones.ts create mode 100644 styles/public/other.ts diff --git a/.github/release.md b/.github/release.md index e4d6016..10dd380 100644 --- a/.github/release.md +++ b/.github/release.md @@ -1,5 +1,8 @@ ### 🌈 Style +- 优化小型按钮的高度 +- 一些列表栏的元素位置居中 + ##### 更符合 GitHub 风格 - 同步查看代码文件内容时的样式 @@ -7,6 +10,7 @@ - 略微减小导航栏创建仓库菜单按钮内的图标间隔 - 微调一些标签的字体大小 - 优化发布页面布局和下载列表样式 +- 同步里程碑页面样式 ### 🐞 Fix diff --git a/styles/components/index.ts b/styles/components/index.ts index c1483ae..44714a5 100644 --- a/styles/components/index.ts +++ b/styles/components/index.ts @@ -9,6 +9,7 @@ import "./explore"; import "./filelist"; import "./heatmap"; import "./issue"; +import "./milestones"; import "./newrepo"; import "./org"; import "./release"; diff --git a/styles/components/issue.ts b/styles/components/issue.ts index 173874d..07ea3b9 100644 --- a/styles/components/issue.ts +++ b/styles/components/issue.ts @@ -3,6 +3,8 @@ import { activeItemAfterStyle } from "styles/public/menu"; // 工单&PR 列表 export const issueList = css` + // 仓库页面的里程碑列表菜单栏 + .page-content.repository.milestones, .page-content.repository.issue-list { // 头部筛选菜单栏 .issue-list-toolbar { @@ -53,49 +55,74 @@ export const issueList = css` } } } - // Issue 列表 - .flex-list#issue-list { - border: 1px solid ${themeVars.color.light.border}; - border-bottom-left-radius: ${otherThemeVars.border.radius}; - border-bottom-right-radius: ${otherThemeVars.border.radius}; - > .flex-item { - align-items: center; - padding: 0; - &:last-child { - border-bottom-left-radius: ${otherThemeVars.border.radius}; - border-bottom-right-radius: ${otherThemeVars.border.radius}; - } - &:hover { - background-color: ${themeVars.color.hover.opaque}; - } - > .flex-item-icon { - display: flex; - gap: 4px; + } + // Issue 列表 + .page-content.repository.issue-list .flex-list#issue-list { + border: 1px solid ${themeVars.color.light.border}; + border-bottom-left-radius: ${otherThemeVars.border.radius}; + border-bottom-right-radius: ${otherThemeVars.border.radius}; + > .flex-item { + align-items: center; + padding: 0; + &:last-child { + border-bottom-left-radius: ${otherThemeVars.border.radius}; + border-bottom-right-radius: ${otherThemeVars.border.radius}; + } + &:hover { + background-color: ${themeVars.color.hover.opaque}; + } + > .flex-item-icon { + display: flex; + gap: 4px; + margin-left: 8px; + // 复选框 + input { + background: unset; + margin-top: 14px; margin-left: 8px; - // 复选框 - input { - background: unset; - margin-top: 14px; - margin-left: 8px; - margin-right: 8px !important; - } - svg { - margin-top: 14px; - } + margin-right: 8px !important; } - > .flex-item-main { - gap: 4px; - .flex-item-header { - padding-top: 8px; - } - .flex-item-body { - font-size: 12px; - padding-bottom: 8px; - } + svg { + margin-top: 14px; } - > .flex-item-trailing { - margin-right: 32px; + } + > .flex-item-main { + gap: 4px; + .flex-item-header { + padding-top: 8px; } + .flex-item-body { + font-size: 12px; + padding-bottom: 8px; + } + } + > .flex-item-trailing { + margin-right: 32px; + } + } + } + // 里程碑列表 + .page-content.repository.milestones .milestone-list { + border: 1px solid ${themeVars.color.light.border}; + border-bottom-left-radius: ${otherThemeVars.border.radius}; + border-bottom-right-radius: ${otherThemeVars.border.radius}; + .milestone-card { + padding: 8px 16px 10px 16px; + .milestone-header { + h3 { + font-size: 16px; + font-weight: 500; + } + div span { + font-size: 14px; + font-weight: 600; + } + } + } + .milestone-toolbar { + font-size: 12px; + .group > a { + font-size: 13px; } } } diff --git a/styles/components/milestones.ts b/styles/components/milestones.ts new file mode 100644 index 0000000..957f5af --- /dev/null +++ b/styles/components/milestones.ts @@ -0,0 +1,16 @@ +import { css } from "src/types/vars"; + +export const milestones = css` + // 里程碑头部 + .milestone-header { + gap: 16px; + // 进度条 + progress { + height: 5px; + width: 300px; + max-width: 80vw; + } + } + .page-content.repository.milestones { + } +`; diff --git a/styles/public/button.ts b/styles/public/button.ts index 0dbbc48..be33dd7 100644 --- a/styles/public/button.ts +++ b/styles/public/button.ts @@ -94,6 +94,7 @@ export const fixButtonHeight = css` .ui.small.buttons .button, .ui.ui.ui.ui.small.button { min-height: 26px; + height: 32px; } .ui.tiny.buttons .button, .ui.ui.ui.ui.tiny.button { diff --git a/styles/public/index.ts b/styles/public/index.ts index 8ebb4b0..5f855a6 100644 --- a/styles/public/index.ts +++ b/styles/public/index.ts @@ -13,3 +13,4 @@ import "./modal"; // 弹窗 import "./tippy"; // 提示框 import "./navbar"; // 导航栏 import "./attached"; // 附加样式 +import "./other"; // 其他样式 \ No newline at end of file diff --git a/styles/public/other.ts b/styles/public/other.ts new file mode 100644 index 0000000..dea7e92 --- /dev/null +++ b/styles/public/other.ts @@ -0,0 +1,8 @@ +import { css } from "src/types/vars"; + +// 一些列表头, 比如工单的搜索标签里程碑栏 +export const listHeader = css` + .list-header { + align-items: center; + } +`;