Clone panel fixes (#15435)

- Use <button> over <div> for a button
- Fix absent border-right on wiki
- Fix absent border-radius on wiki

Co-authored-by: 6543 <6543@obermui.de>
This commit is contained in:
silverwind 2021-04-13 02:10:57 +02:00 committed by GitHub
parent b18042bb8c
commit 51313fbb63
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 8 deletions

View file

@ -110,13 +110,13 @@
{{if eq $n 0}} {{if eq $n 0}}
<div class="ui action tiny input" id="clone-panel"> <div class="ui action tiny input" id="clone-panel">
{{template "repo/clone_buttons" .}} {{template "repo/clone_buttons" .}}
<div class="ui basic jump dropdown icon button poping up" data-content="{{.i18n.Tr "repo.download_archive"}}" data-variation="tiny inverted" data-position="top right"> <button id="download-btn" class="ui basic jump dropdown icon button poping up" data-content="{{.i18n.Tr "repo.download_archive"}}" data-variation="tiny inverted" data-position="top right">
{{svg "octicon-download"}} {{svg "octicon-download"}}
<div class="menu"> <div class="menu">
<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.zip">{{svg "octicon-file-zip"}}&nbsp;ZIP</a> <a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.zip">{{svg "octicon-file-zip"}}&nbsp;ZIP</a>
<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.tar.gz">{{svg "octicon-file-zip"}}&nbsp;TAR.GZ</a> <a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.tar.gz">{{svg "octicon-file-zip"}}&nbsp;TAR.GZ</a>
</div> </div>
</div> </button>
</div> </div>
{{end}} {{end}}
</div> </div>

View file

@ -201,18 +201,25 @@
.clone.button { .clone.button {
font-size: 13px; font-size: 13px;
padding: 7.5px 5px; padding: 7.5px 5px;
&:first-child {
border-radius: var(--border-radius) 0 0 var(--border-radius);
}
} }
#repo-clone-https, #repo-clone-https,
#repo-clone-ssh, #repo-clone-ssh {
#clipboard-btn {
border-right: none; border-right: none;
} }
#download-btn {
border-left: none;
}
button:first-of-type {
border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
}
button:last-of-type {
border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
}
.icon.button { .icon.button {
padding: 0 10px; padding: 0 10px;
} }