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:
		
							parent
							
								
									b18042bb8c
								
							
						
					
					
						commit
						51313fbb63
					
				|  | @ -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"}} ZIP</a> | 								<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> | 								<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.tar.gz">{{svg "octicon-file-zip"}} TAR.GZ</a> | ||||||
| 							</div> | 							</div> | ||||||
| 						</div> | 						</button> | ||||||
| 					</div> | 					</div> | ||||||
| 				{{end}} | 				{{end}} | ||||||
| 			</div> | 			</div> | ||||||
|  |  | ||||||
|  | @ -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; | ||||||
|     } |     } | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue