diff --git a/.github/release.md b/.github/release.md index 66430e3..e62db42 100644 --- a/.github/release.md +++ b/.github/release.md @@ -12,6 +12,7 @@ - 仓库导航栏颜色同步 - 动画效果优化 - 按钮大小优化 +- 输入框大小和颜色优化 ## 🐞 Fix diff --git a/src/button.scss b/src/button.scss index f64df30..6750721 100644 --- a/src/button.scss +++ b/src/button.scss @@ -1,6 +1,6 @@ // Made by Luting ^-^ .ui.button { - padding: 10px 16px; + padding: 9px 16px; } .ui.primary.button { background-color: #238636; diff --git a/src/input.scss b/src/input.scss index 2b922fa..fda618c 100644 --- a/src/input.scss +++ b/src/input.scss @@ -17,8 +17,15 @@ textarea, .ui.form input[type='time'], .ui.form input[type='url'], .ui.selection.dropdown { + background: unset; + + &:hover { + background: unset; + } + &:focus, &:focus-visible { + background: unset !important; border-radius: var(--border-radius); border-color: #1f6feb; outline: none; diff --git a/src/modal.scss b/src/modal.scss index 897eb3d..a954505 100644 --- a/src/modal.scss +++ b/src/modal.scss @@ -18,4 +18,28 @@ background-color: var(--color-box-header); border-top: 1.5px solid var(--color-light-border); } + + input, + textarea, + .ui.input input, + .ui.form input:not([type]), + .ui.form select, + .ui.form textarea, + .ui.form input[type='date'], + .ui.form input[type='datetime-local'], + .ui.form input[type='email'], + .ui.form input[type='file'], + .ui.form input[type='number'], + .ui.form input[type='password'], + .ui.form input[type='search'], + .ui.form input[type='tel'], + .ui.form input[type='text'], + .ui.form input[type='time'], + .ui.form input[type='url'], + .ui.selection.dropdown { + &:focus, + &:focus-visible { + background: #0d1117 !important; + } + } } diff --git a/src/repo.scss b/src/repo.scss index 9a8cdbf..84c1f04 100644 --- a/src/repo.scss +++ b/src/repo.scss @@ -318,7 +318,7 @@ .flex-item-icon { svg.svg.octicon-tag { color: #3fb950; - margin-top: 3px; + margin-top: 2px; } } diff --git a/src/setting.scss b/src/setting.scss index d12fc28..e435f68 100644 --- a/src/setting.scss +++ b/src/setting.scss @@ -118,4 +118,46 @@ .ui.attached.segment.error { border: 1px solid var(--color-error-border) !important; } + + input, + textarea, + .ui.input input, + .ui.form input:not([type]), + .ui.form select, + .ui.form textarea, + .ui.form input[type='date'], + .ui.form input[type='datetime-local'], + .ui.form input[type='email'], + .ui.form input[type='file'], + .ui.form input[type='number'], + .ui.form input[type='password'], + .ui.form input[type='search'], + .ui.form input[type='tel'], + .ui.form input[type='text'], + .ui.form input[type='time'], + .ui.form input[type='url'], + .ui.selection.dropdown { + background: var(--color-box-header); + } + + .ui.form input:not([type]), + .ui.form select, + .ui.form textarea, + .ui.form input[type='date'], + .ui.form input[type='datetime-local'], + .ui.form input[type='email'], + .ui.form input[type='file'], + .ui.form input[type='number'], + .ui.form input[type='password'], + .ui.form input[type='search'], + .ui.form input[type='tel'], + .ui.form input[type='text'], + .ui.form input[type='time'], + .ui.form input[type='url'] { + padding: 7px 12px; + } + + .ui.selection.dropdown { + padding: 7px 24px 7px 12px; + } } diff --git a/src/theme-github.scss b/src/theme-github.scss index 4899cdd..8aa57b3 100644 --- a/src/theme-github.scss +++ b/src/theme-github.scss @@ -6,12 +6,12 @@ @use 'transition'; // 添加过渡动画 @use 'modal'; // 弹窗 @use 'input'; // 输入框 -@use 'repo'; // 仓库 @use 'button'; // 按钮 -@use 'issue'; // 工单&拉取请求 -@use 'dropdown'; // 下拉菜单 -@use 'setting'; // 设置 @use 'label'; // 标签 +@use 'dropdown'; // 下拉菜单 +@use 'repo'; // 仓库 +@use 'issue'; // 工单&拉取请求 +@use 'setting'; // 设置 @use 'release'; // 发布 @use 'actions'; // 操作 @use 'svg'; // svg diff --git a/src/transition.scss b/src/transition.scss index 9a3946e..bac0bb7 100644 --- a/src/transition.scss +++ b/src/transition.scss @@ -11,9 +11,6 @@ } } -input, -textarea, -details summary, #navbar .item, .header-wrapper .ui.tabular.menu .item, .job-step-summary, @@ -21,21 +18,7 @@ details summary, .job-brief-item, .tippy-box .flex-items-block .item, .clone-panel-tab .item, -.ui.input > input, -.ui.form input:not([type]), .ui.form select, -.ui.form textarea, -.ui.form input[type='date'], -.ui.form input[type='datetime-local'], -.ui.form input[type='email'], -.ui.form input[type='file'], -.ui.form input[type='number'], -.ui.form input[type='password'], -.ui.form input[type='search'], -.ui.form input[type='tel'], -.ui.form input[type='text'], -.ui.form input[type='time'], -.ui.form input[type='url'], .ui.label, .ui.modal, .ui.selection.dropdown,