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 | |
| 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')
| -rw-r--r-- | web_src/css/base.css | 2 | ||||
| -rw-r--r-- | web_src/css/index.css | 1 | ||||
| -rw-r--r-- | web_src/css/package.css | 7 | ||||
| -rw-r--r-- | web_src/css/repository.css | 33 |
4 files changed, 1 insertions, 42 deletions
diff --git a/web_src/css/base.css b/web_src/css/base.css index 0f94d22312..d854f9badd 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -1556,7 +1556,7 @@ img.ui.avatar, vertical-align: middle; } -.ui .message { +.ui .message.flash-message { text-align: center; } diff --git a/web_src/css/index.css b/web_src/css/index.css index 12cb94c041..6fb92f2ecb 100644 --- a/web_src/css/index.css +++ b/web_src/css/index.css @@ -41,6 +41,5 @@ @import "./admin.css"; @import "./explore.css"; @import "./review.css"; -@import "./package.css"; @import "./runner.css"; @import "./helpers.css"; diff --git a/web_src/css/package.css b/web_src/css/package.css deleted file mode 100644 index c229e176f5..0000000000 --- a/web_src/css/package.css +++ /dev/null @@ -1,7 +0,0 @@ -.container-labels td:nth-child(1) { - vertical-align: top; -} - -.container-labels td:nth-child(2) { - overflow-wrap: anywhere; -} 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; |