mirror of
				https://github.com/go-gitea/gitea
				synced 2025-11-04 05:18:25 +00:00 
			
		
		
		
	Fix Monaco IOS keyboard button (#24341)
Fix https://github.com/go-gitea/gitea/issues/16188. Turns out the element was completely misaligned by fomantic styles. Add most of the original styles in `!important` form to fix. Tapping the button doesn't do anything useful in Simulator.app, but I guess it's still better to not outright hide it in case it has a possiblity to work. <img width="121" alt="image" src="https://user-images.githubusercontent.com/115237/234379685-4e67f8cd-7e91-4bcc-8e17-9d5b2ebed6cd.png"> Co-authored-by: Giteabot <teabot@gitea.io>
This commit is contained in:
		@@ -31,3 +31,18 @@
 | 
				
			|||||||
.monaco-scrollable-element > .scrollbar > .slider:active {
 | 
					.monaco-scrollable-element > .scrollbar > .slider:active {
 | 
				
			||||||
  background: var(--color-primary-dark-2) !important;
 | 
					  background: var(--color-primary-dark-2) !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* fomantic styles destroy this element only visible on IOS, restore it */
 | 
				
			||||||
 | 
					.monaco-editor .iPadShowKeyboard {
 | 
				
			||||||
 | 
					  border: none !important;
 | 
				
			||||||
 | 
					  width: 58px !important;
 | 
				
			||||||
 | 
					  min-width: 0 !important;
 | 
				
			||||||
 | 
					  height: 36px !important;
 | 
				
			||||||
 | 
					  min-height: 0 !important;
 | 
				
			||||||
 | 
					  margin: 0 !important;
 | 
				
			||||||
 | 
					  padding: 0 !important;
 | 
				
			||||||
 | 
					  position: absolute !important;
 | 
				
			||||||
 | 
					  resize: none !important;
 | 
				
			||||||
 | 
					  overflow: hidden !important;
 | 
				
			||||||
 | 
					  border-radius: 4px !important;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user