diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2023-03-19 05:53:12 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-18 17:53:12 -0400 |
| commit | 27fcfae6d9226b13737504cc1a904ef46d3dad80 (patch) | |
| tree | 8e884c3b63cd87cc0bff73b4e531e22855fb16f3 | |
| parent | 53b609e3361d321a60946376971d6a3c46d4ddb9 (diff) | |
| download | gitea-27fcfae6d9226b13737504cc1a904ef46d3dad80.tar.gz gitea-27fcfae6d9226b13737504cc1a904ef46d3dad80.zip | |
Fix some broken css (#23560)
1. The "close" inside "modal" are likely broken for long time
* There is no var called `--body-color`
* There is no `fullscreen modal`
* The `.ui.modal > .close.inside` doesn't seem to match most icons. It
only matches a few like "fork-repo-modal" or "adopt repo". Other places
are just buggy code copied again and again.
2. Convert the legacy `&:hover` LESS syntax to CSS syntax
| -rw-r--r-- | web_src/css/base.css | 6 | ||||
| -rw-r--r-- | web_src/css/code/linebutton.css | 6 |
2 files changed, 5 insertions, 7 deletions
diff --git a/web_src/css/base.css b/web_src/css/base.css index 6cc7fe2821..e14b1a549c 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -1173,10 +1173,8 @@ a.ui.card:hover, border-color: var(--color-secondary); } -.ui.modal > .close.inside, -.ui.fullscreen.modal > .close { - top: 11px; /* align modal close icon, for example admin notices */ - color: var(--body-color); +.ui.modal > .close.inside { + color: var(--color-text); } .ui.basic.table > tbody > tr { diff --git a/web_src/css/code/linebutton.css b/web_src/css/code/linebutton.css index a2956ffc1f..1012b38ba9 100644 --- a/web_src/css/code/linebutton.css +++ b/web_src/css/code/linebutton.css @@ -17,8 +17,8 @@ left: 0; transform: translateX(-70%); cursor: pointer; +} - &:hover { - color: var(--color-primary); - } +.code-line-button:hover { + color: var(--color-primary); } |