Clone panel fixes (#15436)
- Use <button> over <div> for a button - Fix absent border-right on wiki - Fix absent border-radius on wiki
This commit is contained in:
parent
6ef62e3f8e
commit
ddfb729168
2 changed files with 15 additions and 8 deletions
|
@ -110,13 +110,13 @@
|
|||
{{if eq $n 0}}
|
||||
<div class="ui action tiny input" id="clone-panel">
|
||||
{{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"}}
|
||||
<div class="menu">
|
||||
<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.zip">{{svg "octicon-file-zip"}} ZIP</a>
|
||||
<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.tar.gz">{{svg "octicon-file-zip"}} TAR.GZ</a>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
|
|
@ -201,18 +201,25 @@
|
|||
.clone.button {
|
||||
font-size: 13px;
|
||||
padding: 7.5px 5px;
|
||||
|
||||
&:first-child {
|
||||
border-radius: var(--border-radius) 0 0 var(--border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
#repo-clone-https,
|
||||
#repo-clone-ssh,
|
||||
#clipboard-btn {
|
||||
#repo-clone-ssh {
|
||||
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 {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
|
Reference in a new issue