diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2023-05-14 04:38:22 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-13 20:38:22 +0000 |
| commit | 8a8b7536475bea0146298177affb74dddd8c6f6a (patch) | |
| tree | d11db0d933d2733aaad764256e560bb864e26a81 /web_src | |
| parent | 3075b996109f413a3f45d502155316be1be17b44 (diff) | |
| download | gitea-8a8b7536475bea0146298177affb74dddd8c6f6a.tar.gz gitea-8a8b7536475bea0146298177affb74dddd8c6f6a.zip | |
Improve button-ghost, remove tertiary button (#24692)
<img width="474" alt="image"
src="https://github.com/go-gitea/gitea/assets/2114189/7fd231f9-71c3-4769-ba96-37a5b77cf224">
<img width="557" alt="image"
src="https://github.com/go-gitea/gitea/assets/2114189/c9945f61-39b4-4711-aea8-c34ef1d714c5">
<img width="641" alt="image"
src="https://github.com/go-gitea/gitea/assets/2114189/691be76e-74fd-420d-9b9e-ba1f3b08e0b4">
And a page to test buttons:
<details>
<img width="451" alt="image"
src="https://github.com/go-gitea/gitea/assets/2114189/5f61da24-2f36-40ad-a9bb-2205da5f5f04">
</details>
---------
Co-authored-by: Giteabot <teabot@gitea.io>
Co-authored-by: silverwind <me@silverwind.io>
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/css/base.css | 20 | ||||
| -rw-r--r-- | web_src/css/user.css | 4 |
2 files changed, 5 insertions, 19 deletions
diff --git a/web_src/css/base.css b/web_src/css/base.css index 6c1bbb00c4..4c8d30c1b4 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -2180,13 +2180,16 @@ a.ui.active.label:hover { border-left: none; } -.ui.button.button-ghost { +/* a ghost button can be used as inline text, it doesn't have obvious styles */ +.button.button-ghost { background: transparent; border: none; color: inherit; + margin: 0; + padding: 0; } -.ui.button.button-ghost:hover { +.button.button-ghost:hover { color: var(--color-primary); } @@ -2283,19 +2286,6 @@ a.ui.active.label:hover { border-color: var(--color-secondary-dark-3) !important; } -.ui.tertiary.button { - color: var(--color-text-light); - border: none; -} - -.ui.tertiary.button:hover { - color: var(--color-text); -} - -.ui.tertiary.button:focus { - color: var(--color-text-dark); -} - .ui.primary.label, .ui.primary.labels .label, .ui.ui.ui.primary.label { diff --git a/web_src/css/user.css b/web_src/css/user.css index 648480d71d..a7106599df 100644 --- a/web_src/css/user.css +++ b/web_src/css/user.css @@ -121,10 +121,6 @@ object-fit: contain; } -.user.notification table button { - padding: 3px 3px 3px 5px; -} - #notification_div .tab.segment { overflow-x: auto; } |