diff --git a/.github/release.md b/.github/release.md index aab4196..01bb165 100644 --- a/.github/release.md +++ b/.github/release.md @@ -1 +1,3 @@ -去除头像圆角 \ No newline at end of file +同步 Gitea 版本 1.23.0 + +工作流状态弹窗添加过渡动画 \ No newline at end of file diff --git a/README.md b/README.md index 1818f7d..7e3988b 100644 --- a/README.md +++ b/README.md @@ -2,10 +2,13 @@ 尽量保持与 GitHub Dark 相同样式的 Gitea 主题 -字体说明: +主题说明: -- UI 默认字体 [Maple Hand](https://github.com/subframe7536/maple-font/tree/other-resources/cn-resource/maple-hand) & [VictorMono Nerd Font](https://github.com/ryanoasis/nerd-fonts/releases/download/v3.3.0/VictorMono.zip) (优先匹配 `Maple Hand`, 需要系统包含相应字体) -- Actions 日志默认字体 `VictorMono` 优先 +添加了短暂的过渡动画优化体验(与 Github clone 下拉列表动画一致) + +UI 默认字体 [Maple Hand](https://github.com/subframe7536/maple-font/tree/other-resources/cn-resource/maple-hand) & [VictorMono Nerd Font](https://github.com/ryanoasis/nerd-fonts/releases/download/v3.3.0/VictorMono.zip) (优先匹配 `Maple Hand`, 需要系统包含相应字体, 否则使用默认字体) + +Actions 日志默认字体 `VictorMono Nerd Font` 优先 > Victor Mono 相比其他等宽字体更为紧凑, 可以减少换行 @@ -51,9 +54,13 @@ THEMES = gitea-dark, github ![仓库提交](screenshots/commit.png) -![Actions](screenshots/action.png) +![Actions](screenshots/actions.png) -![Actions Step](screenshots/step.png) +![Action](screenshots/action.png) + +![Action Step](screenshots/step.png) + +![Dispatch](screenshots/dispatch.png) ## 构建 diff --git a/screenshots/action.png b/screenshots/action.png index 590a2be..48fc59f 100644 Binary files a/screenshots/action.png and b/screenshots/action.png differ diff --git a/screenshots/actions.png b/screenshots/actions.png new file mode 100644 index 0000000..070f4d9 Binary files /dev/null and b/screenshots/actions.png differ diff --git a/screenshots/commit.png b/screenshots/commit.png index 768827c..59fdd94 100644 Binary files a/screenshots/commit.png and b/screenshots/commit.png differ diff --git a/screenshots/dispatch.png b/screenshots/dispatch.png new file mode 100644 index 0000000..d284eeb Binary files /dev/null and b/screenshots/dispatch.png differ diff --git a/screenshots/file_list.png b/screenshots/file_list.png index 799d9c0..c1269ca 100644 Binary files a/screenshots/file_list.png and b/screenshots/file_list.png differ diff --git a/screenshots/release.png b/screenshots/release.png index 4ce55e7..4a8af97 100644 Binary files a/screenshots/release.png and b/screenshots/release.png differ diff --git a/screenshots/repo.png b/screenshots/repo.png index f4fbd31..2e9047d 100644 Binary files a/screenshots/repo.png and b/screenshots/repo.png differ diff --git a/src/dropdown.scss b/src/dropdown.scss index 9cc7b10..ee8641b 100644 --- a/src/dropdown.scss +++ b/src/dropdown.scss @@ -12,6 +12,62 @@ } } +// clone 下拉菜单 +.tippy-box { + margin-top: -6px; + background: var(--color-box-header); + border-radius: 12px; + overflow: hidden; + box-shadow: 0px 0px 0px 0.5px #30363d, 0px 6px 12px -3px rgba(1, 4, 9, 0.4), 0px 6px 18px 0px rgba(1, 4, 9, 0.4); + animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear; + + .clone-panel-field { + margin-top: 16px; + } + + .flex-text-block.clone-panel-field { + color: #fff; + font-weight: bold; + margin-left: 16px; + } + + .clone-panel-tab { + margin-left: 16px; + + button { + padding: 15px 12px; + } + + .active { + border-color: #f78166; + } + } + + .flex-items-block { + margin: 0; + + .item { + display: block; + padding: 11px 16px; + text-align: left; + text-transform: none; + line-height: 1em; + margin: 0; + + svg { + margin-right: 0.5rem; + } + } + + > .item:hover { + color: var(--color-text); + text-decoration: none; + background: var(--color-hover); + } + } +} + +// 下拉菜单 .ui.dropdown .menu { margin-top: 3.75px !important; border-radius: 12px !important; @@ -51,6 +107,7 @@ } // 按钮菜单选项(主要为仓库) +.tippy-box .flex-items-block, .ui.dropdown > .visible.menu .scrolling.menu, .ui.button.dropdown .menu { .item { diff --git a/src/release.scss b/src/release.scss index cde7a23..baaf986 100644 --- a/src/release.scss +++ b/src/release.scss @@ -6,7 +6,6 @@ .ui.small.primary.button { background-color: var(--color-button); - font-size: 14px; &:hover { background-color: #262c36; @@ -23,10 +22,6 @@ .page-content.repository.tags, .page-content.repository.releases { .ui.small.menu { - .item { - font-size: 14px; - } - .active.item { color: #fff; background: #1f6feb !important; diff --git a/src/repo.scss b/src/repo.scss index 4f7d9f1..c44e169 100644 --- a/src/repo.scss +++ b/src/repo.scss @@ -102,11 +102,22 @@ // 仓库文件&提交列表 .page-content.repository { - tr.commit-list { + // clone 按钮居中调整 + .repo-button-row .repo-button-row-right .ui.primary.button span { + display: flex; + align-items: center; + justify-content: center; + + svg { + margin-right: 0.5rem; + } + } + + .repo-file-line { height: 3.725rem; } - .commit-list .latest-commit { + #repo-files-table .latest-commit { .commit-summary { color: #9198a1; } @@ -130,9 +141,9 @@ } } - .tw-flex, - .commit-list { - .tw-align-middle:not(img) { + .commit-list, + #repo-files-table { + .flex-text-inline:not(img) { padding: 6px; border-radius: var(--border-radius); margin-right: 6px; @@ -146,16 +157,12 @@ .repository.file.list { #repo-files-table { - tbody { + .repo-file-item { .svg.octicon-file-directory-fill, .svg.octicon-file-submodule { color: #7d8590; } } - - tr:hover { - background-color: var(--color-box-header); - } } } diff --git a/src/root.scss b/src/root.scss index 553117e..7e8709a 100644 --- a/src/root.scss +++ b/src/root.scss @@ -9,12 +9,11 @@ } .repository { - #commits-table, - #repo-files-table { - .text.right { - font-family: 'VictorMono NF', 'VictorMono Nerd Font', 'Maple Hand'; - font-weight: bold !important; - } + #commits-table .text.right, + #repo-files-table .repo-file-cell.age, + #repo-files-table relative-time { + font-family: 'VictorMono NF', 'VictorMono Nerd Font', 'Maple Hand'; + font-weight: bold !important; } } diff --git a/src/transition.scss b/src/transition.scss index 900c02b..88e566d 100644 --- a/src/transition.scss +++ b/src/transition.scss @@ -12,6 +12,7 @@ details summary, .job-brief-item, .menu .item, .page-content.repository .flex-item .flex-item-title a, +.tippy-box .flex-items-block .item, .ui.input > input, .ui.form input:not([type]), .ui.form select,