diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2023-05-04 02:32:10 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-03 14:32:10 -0400 |
| commit | 48e3e38ee040c9cfec6ea2adea2da49a7f21f2c7 (patch) | |
| tree | 7c61c108166247f7c1a1e299dcce2d7bd00afdaf /web_src/css/repository.css | |
| parent | e9b39250b285f1b9cbf9739f33c06fc57401f314 (diff) | |
| download | gitea-48e3e38ee040c9cfec6ea2adea2da49a7f21f2c7.tar.gz gitea-48e3e38ee040c9cfec6ea2adea2da49a7f21f2c7.zip | |
Clean up polluted styles and remove dead CSS code (#24497)
Follow #24393
The funny history:
* At the beginning, `.ui.message` was polluted by `text-align: center`
* Then people do `<div class="ui ... message text left">`
* But `.ui.left` is polluted by `float: left`
* Then people do `#xxx .ui.message { width: 100% !important;}`
The code just becomes more and more hacky.
After removing the pollution, everything becomes clear and straight.
And, this PR also does:
1. Remove the `package.css`, its styles could be provided by `top
aligned`
2. Remove `#avatar-arrow`, dead code
Screenshot:
Co-authored-by: Giteabot <teabot@gitea.io>
Diffstat (limited to 'web_src/css/repository.css')
| -rw-r--r-- | web_src/css/repository.css | 33 |
1 files changed, 0 insertions, 33 deletions
diff --git a/web_src/css/repository.css b/web_src/css/repository.css index 5b32fbb95e..d724dc400a 100644 --- a/web_src/css/repository.css +++ b/web_src/css/repository.css @@ -2600,39 +2600,6 @@ height: 15px; } -#avatar-arrow::before, -#avatar-arrow::after { - right: 100%; - top: 20px; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} - -#avatar-arrow::before { - border-right-color: var(--color-secondary); - border-width: 9px; - margin-top: -9px; -} - -#avatar-arrow::after { - border-right-color: var(--color-box-header); - border-width: 8px; - margin-top: -8px; -} - -#transfer-repo-modal .ui.message, -#delete-repo-modal .ui.message, -#delete-wiki-modal .ui.message, -#convert-fork-repo-modal .ui.message, -#convert-mirror-repo-modal .ui.message, -#fork-repo-modal .ui.message { - width: 100% !important; -} - .tab-size-1 { tab-size: 1 !important; -moz-tab-size: 1 !important; |