diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2024-03-17 20:40:42 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-17 12:40:42 +0000 |
| commit | 673286d8c8a00bf7240a93187d767fb5a5e32a31 (patch) | |
| tree | 0851cdcf7df8efb450e25ff057d1c783940f66e1 /web_src/css | |
| parent | a228656e3d318ffd871b414578f0b83aa5a65878 (diff) | |
| download | gitea-673286d8c8a00bf7240a93187d767fb5a5e32a31.tar.gz gitea-673286d8c8a00bf7240a93187d767fb5a5e32a31.zip | |
Refactor clone-panel styles (#29861)
1. The borders were doubled on the "empty" page, fix it.
2. Remove unnecessary CSS classes like "clone", "compact", etc
3. Use CSS class "clone-panel" instead of ID "clone-panel"
4. Use `tw-flex-1` instead of `gt-f1`
5. Remove unnecessary ID "more-btn"
Diffstat (limited to 'web_src/css')
| -rw-r--r-- | web_src/css/repo.css | 32 | ||||
| -rw-r--r-- | web_src/css/repo/wiki.css | 2 |
2 files changed, 10 insertions, 24 deletions
diff --git a/web_src/css/repo.css b/web_src/css/repo.css index 848eb53327..4503bd69e3 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -143,41 +143,31 @@ margin-bottom: 12px; } -.repository #clone-panel #repo-clone-url { +.repository .clone-panel #repo-clone-url { width: 320px; border-radius: 0; } -@media (min-width: 768px) and (max-width: 991.98px) { - .repository #clone-panel #repo-clone-url { +@media (max-width: 991.98px) { + .repository .clone-panel #repo-clone-url { width: 200px; } } -@media (max-width: 767.98px) { - .repository #clone-panel #repo-clone-url { - width: 200px; - } -} - -.repository #clone-panel #repo-clone-https, -.repository #clone-panel #repo-clone-ssh { - border-right: none; +.repository .ui.action.input.clone-panel > button + button, +.repository .ui.action.input.clone-panel > button + input { + margin-left: -1px; /* make the borders overlap to avoid double borders */ } -.repository #clone-panel #more-btn { - border-left: none; -} - -.repository #clone-panel button:first-of-type { +.repository .clone-panel > button:first-of-type { border-radius: var(--border-radius) 0 0 var(--border-radius) !important; } -.repository #clone-panel button:last-of-type { +.repository .clone-panel > button:last-of-type { border-radius: 0 var(--border-radius) var(--border-radius) 0 !important; } -.repository #clone-panel .dropdown .menu { +.repository .clone-panel .dropdown .menu { right: 0 !important; left: auto !important; } @@ -1759,10 +1749,6 @@ font-weight: var(--font-weight-normal); } -.repository.quickstart .guide .clone.button:first-child { - border-radius: var(--border-radius) 0 0 var(--border-radius); -} - .repository.quickstart .guide #repo-clone-url { border-radius: 0; padding: 5px 10px; diff --git a/web_src/css/repo/wiki.css b/web_src/css/repo/wiki.css index 1302e9cb5c..bb6f364557 100644 --- a/web_src/css/repo/wiki.css +++ b/web_src/css/repo/wiki.css @@ -58,7 +58,7 @@ } @media (max-width: 767.98px) { - .repository.wiki #clone-panel #repo-clone-url { + .repository.wiki .clone-panel #repo-clone-url { width: 160px; } .repository.wiki .wiki-content-main.with-sidebar, |