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"

(cherry picked from commit 673286d8c8a00bf7240a93187d767fb5a5e32a31)
This commit is contained in:
wxiaoguang 2024-03-17 20:40:42 +08:00 committed by Earl Warren
parent cd28684ac3
commit 2141bc3298
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00
7 changed files with 18 additions and 32 deletions

View file

@ -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 .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 #repo-clone-https,
.repository #clone-panel #repo-clone-ssh {
border-right: none;
}
.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;
}
@ -1758,10 +1748,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;

View file

@ -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,