fix menu overflow
This commit is contained in:
		
							parent
							
								
									b3a45693c3
								
							
						
					
					
						commit
						2f2bf20aae
					
				
					 5 changed files with 48 additions and 42 deletions
				
			
		
							
								
								
									
										2
									
								
								public/css/gogs.min.css
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										2
									
								
								public/css/gogs.min.css
									
									
									
									
										vendored
									
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							|  | @ -143,6 +143,37 @@ img { | |||
| 	} | ||||
| } | ||||
| 
 | ||||
| .overflow.menu { | ||||
| 	.items { | ||||
| 		max-height: 300px; | ||||
| 		overflow-y: auto; | ||||
| 		.item { | ||||
| 			position: relative; | ||||
| 			cursor: pointer; | ||||
| 			display: block; | ||||
| 			border: none; | ||||
| 			height: auto; | ||||
| 			border-top: none; | ||||
| 			line-height: 1em; | ||||
| 			color: rgba(0,0,0,.8); | ||||
| 			padding: .71428571em 1.14285714em!important; | ||||
| 			font-size: 1rem; | ||||
| 			text-transform: none; | ||||
| 			font-weight: 400; | ||||
| 			box-shadow: none; | ||||
| 			-webkit-touch-callout: none; | ||||
| 			&.active { | ||||
| 				font-weight: 700; | ||||
| 			} | ||||
| 			&:hover { | ||||
| 		    background: rgba(0,0,0,.05); | ||||
| 		    color: rgba(0,0,0,.8); | ||||
| 		    z-index: 13; | ||||
| 			} | ||||
| 		} | ||||
| 	} | ||||
| } | ||||
| 
 | ||||
| footer { | ||||
| 	margin-top: @footer-margin+14px!important; | ||||
| 	height: @footer-margin; | ||||
|  |  | |||
|  | @ -354,34 +354,6 @@ | |||
| 
 | ||||
| 	.filter.dropdown .menu { | ||||
| 		margin-top: 1px!important; | ||||
| 		.items { | ||||
| 			max-height: 300px; | ||||
| 			overflow-y: auto; | ||||
| 			.item { | ||||
| 				position: relative; | ||||
| 				cursor: pointer; | ||||
| 				display: block; | ||||
| 				border: none; | ||||
| 				height: auto; | ||||
| 				border-top: none; | ||||
| 				line-height: 1em; | ||||
| 				color: rgba(0,0,0,.8); | ||||
| 				padding: .71428571em 1.14285714em!important; | ||||
| 				font-size: 1rem; | ||||
| 				text-transform: none; | ||||
| 				font-weight: 400; | ||||
| 				box-shadow: none; | ||||
| 				-webkit-touch-callout: none; | ||||
| 				&.active { | ||||
| 					font-weight: 700; | ||||
| 				} | ||||
| 				&:hover { | ||||
| 			    background: rgba(0,0,0,.05); | ||||
| 			    color: rgba(0,0,0,.8); | ||||
| 			    z-index: 13; | ||||
| 				} | ||||
| 			} | ||||
| 		} | ||||
| 	} | ||||
| 
 | ||||
| 	&.commits { | ||||
|  |  | |||
|  | @ -14,7 +14,7 @@ | |||
| 				    <span class="text">base: {{$.BaseBranch}}</span> | ||||
| 					  <i class="dropdown icon"></i> | ||||
| 					</div> | ||||
| 	        <div class="menu"> | ||||
| 	        <div class="overflow menu"> | ||||
| 		        <div class="ui icon search input"> | ||||
| 	            <i class="filter icon"></i> | ||||
| 	            <input name="search" placeholder="Filter branch..."> | ||||
|  | @ -32,7 +32,7 @@ | |||
| 				    <span class="text">compare: {{$.HeadBranch}}</span> | ||||
| 					  <i class="dropdown icon"></i> | ||||
| 					</div> | ||||
| 	        <div class="menu"> | ||||
| 	        <div class="overflow menu"> | ||||
| 		        <div class="ui icon search input"> | ||||
| 	            <i class="filter icon"></i> | ||||
| 	            <input name="search" placeholder="Filter branch..."> | ||||
|  | @ -47,6 +47,7 @@ | |||
| 			</div> | ||||
| 			{{template "repo/issue/new_form" .}} | ||||
| 		</div> | ||||
| 
 | ||||
| 	</div> | ||||
| </div> | ||||
| {{template "base/footer" .}} | ||||
|  | @ -5,20 +5,22 @@ | |||
|   		{{.ContextUser.Name}} | ||||
|     	<i class="dropdown icon"></i> | ||||
|   	</span> | ||||
|     <div class="context user menu" tabindex="-1"> | ||||
|     <div class="context user overflow menu" tabindex="-1"> | ||||
| 			<div class="ui header"> | ||||
| 				{{.i18n.Tr "home.switch_dashboard_context"}} | ||||
| 			</div> | ||||
|     	<a class="{{if eq .ContextUser.Id .SignedUser.Id}}active selected{{end}} item" href="{{AppSubUrl}}/issues"> | ||||
|       	<img class="ui image" src="{{.SignedUser.AvatarLink}}"> | ||||
|     		{{.SignedUser.Name}} | ||||
|     	</a> | ||||
|     	{{range .Orgs}} | ||||
|     	<a class="{{if eq $.ContextUser.Id .Id}}active selected{{end}} item" href="{{AppSubUrl}}/org/{{.Name}}/issues"> | ||||
|       	<img class="ui image" src="{{.AvatarLink}}"> | ||||
|     		{{.Name}} | ||||
|     	</a> | ||||
|     	{{end}} | ||||
|       <div class="items"> | ||||
|       	<a class="{{if eq .ContextUser.Id .SignedUser.Id}}active selected{{end}} item" href="{{AppSubUrl}}/issues"> | ||||
|         	<img class="ui avatar image" src="{{.SignedUser.AvatarLink}}"> | ||||
|       		{{.SignedUser.Name}} | ||||
|       	</a> | ||||
|         {{range .Orgs}} | ||||
|         <a class="{{if eq $.ContextUser.Id .Id}}active selected{{end}} item" href="{{AppSubUrl}}/org/{{.Name}}/issues"> | ||||
|           <img class="ui avatar image" src="{{.AvatarLink}}"> | ||||
|           {{.Name}} | ||||
|         </a> | ||||
|         {{end}} | ||||
|       </div> | ||||
|     	<a class="item" href="{{AppSubUrl}}/org/create"> | ||||
|     		<i class="octicon octicon-repo-create"></i>   {{.i18n.Tr "new_org"}} | ||||
|     	</a> | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue