Ensure search action button coalesced to adjacent input (#11385)
Fomantic-ui's action button syntax requires that the button is the next sibling of the input it is attached to and that they are both children of a div.action. Fix #11375 Signed-off-by: Andrew Thornton <art27@cantab.net> Co-authored-by: Lauris BH <lauris@nix.lv>
This commit is contained in:
		
							parent
							
								
									b00e62c12b
								
							
						
					
					
						commit
						aa29f1c2b9
					
				
					 6 changed files with 8 additions and 8 deletions
				
			
		|  | @ -24,8 +24,8 @@ | ||||||
| 			</div> | 			</div> | ||||||
| 			<form class="ui form ignore-dirty"  style="max-width: 90%"> | 			<form class="ui form ignore-dirty"  style="max-width: 90%"> | ||||||
| 				<div class="ui fluid action input"> | 				<div class="ui fluid action input"> | ||||||
| 				<input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | 					<input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | ||||||
| 				<button class="ui blue button">{{.i18n.Tr "explore.search"}}</button> | 					<button class="ui blue button">{{.i18n.Tr "explore.search"}}</button> | ||||||
| 				</div> | 				</div> | ||||||
| 			</form> | 			</form> | ||||||
| 		</div> | 		</div> | ||||||
|  |  | ||||||
|  | @ -3,9 +3,9 @@ | ||||||
| 	{{template "explore/navbar" .}} | 	{{template "explore/navbar" .}} | ||||||
| 	<div class="ui container"> | 	<div class="ui container"> | ||||||
| 		<form class="ui form ignore-dirty" style="max-width: 100%"> | 		<form class="ui form ignore-dirty" style="max-width: 100%"> | ||||||
|  |             <input type="hidden" name="tab" value="{{$.TabName}}"> | ||||||
|             <div class="ui fluid action input"> |             <div class="ui fluid action input"> | ||||||
|                 <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> |                 <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | ||||||
|                 <input type="hidden" name="tab" value="{{$.TabName}}"> |  | ||||||
|                 <button class="ui blue button">{{.i18n.Tr "explore.search"}}</button> |                 <button class="ui blue button">{{.i18n.Tr "explore.search"}}</button> | ||||||
|             </div> |             </div> | ||||||
|         </form> |         </form> | ||||||
|  |  | ||||||
|  | @ -20,10 +20,10 @@ | ||||||
|     </div> |     </div> | ||||||
| </div> | </div> | ||||||
| <form class="ui form ignore-dirty" style="max-width: 90%"> | <form class="ui form ignore-dirty" style="max-width: 90%"> | ||||||
|  |     <input type="hidden" name="tab" value="{{$.TabName}}"> | ||||||
|  |     <input type="hidden" name="sort" value="{{$.SortType}}"> | ||||||
|     <div class="ui fluid action input"> |     <div class="ui fluid action input"> | ||||||
|         <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> |         <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | ||||||
|         <input type="hidden" name="tab" value="{{$.TabName}}"> |  | ||||||
|         <input type="hidden" name="sort" value="{{$.SortType}}"> |  | ||||||
|         <button class="ui blue button">{{.i18n.Tr "explore.search"}}</button> |         <button class="ui blue button">{{.i18n.Tr "explore.search"}}</button> | ||||||
|     </div> |     </div> | ||||||
| </form> | </form> | ||||||
|  |  | ||||||
|  | @ -16,9 +16,9 @@ | ||||||
| 	</div> | 	</div> | ||||||
| </div> | </div> | ||||||
| <form class="ui form ignore-dirty" style="max-width: 90%"> | <form class="ui form ignore-dirty" style="max-width: 90%"> | ||||||
|  | 	<input type="hidden" name="tab" value="{{$.TabName}}"> | ||||||
| 	<div class="ui fluid action input"> | 	<div class="ui fluid action input"> | ||||||
| 	  <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | 	  <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | ||||||
| 	  <input type="hidden" name="tab" value="{{$.TabName}}"> |  | ||||||
| 	  <button class="ui blue button">{{.i18n.Tr "explore.search"}}</button> | 	  <button class="ui blue button">{{.i18n.Tr "explore.search"}}</button> | ||||||
| 	</div> | 	</div> | ||||||
| </form> | </form> | ||||||
|  |  | ||||||
|  | @ -7,7 +7,7 @@ | ||||||
| 		<input type="hidden" name="assignee" value="{{$.AssigneeID}}"/> | 		<input type="hidden" name="assignee" value="{{$.AssigneeID}}"/> | ||||||
| 		<div class="ui search action input"> | 		<div class="ui search action input"> | ||||||
| 			<input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | 			<input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | ||||||
|  | 			<button class="ui blue button" type="submit">{{.i18n.Tr "explore.search"}}</button> | ||||||
| 		</div> | 		</div> | ||||||
| 		<button class="ui blue button" type="submit">{{.i18n.Tr "explore.search"}}</button> |  | ||||||
| 	</div> | 	</div> | ||||||
| </form> | </form> | ||||||
|  |  | ||||||
|  | @ -74,8 +74,8 @@ | ||||||
| 								<input type="hidden" name="state" value="{{$.State}}"/> | 								<input type="hidden" name="state" value="{{$.State}}"/> | ||||||
| 								<div class="ui search action input"> | 								<div class="ui search action input"> | ||||||
| 									<input name="q" value="{{$.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | 									<input name="q" value="{{$.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> | ||||||
|  | 									<button class="ui blue button" type="submit">{{.i18n.Tr "explore.search"}}</button> | ||||||
| 								</div> | 								</div> | ||||||
| 								<button class="ui blue button" type="submit">{{.i18n.Tr "explore.search"}}</button> |  | ||||||
| 							</div> | 							</div> | ||||||
| 						</form> | 						</form> | ||||||
| 					</div> | 					</div> | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue