mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-26 20:27:03 +01:00
d2328c4051
Backport #24341 by @silverwind 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: silverwind <me@silverwind.io>
48 lines
1.3 KiB
CSS
48 lines
1.3 KiB
CSS
.monaco-editor-container,
|
|
.editor-loading.is-loading {
|
|
width: 100%;
|
|
min-height: 200px;
|
|
height: 90vh;
|
|
}
|
|
|
|
.edit.githook .monaco-editor-container {
|
|
border: 1px solid var(--color-secondary);
|
|
height: 70vh;
|
|
}
|
|
|
|
/* overwrite conflicting styles from fomantic */
|
|
.monaco-editor-container .inputarea {
|
|
min-height: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
resize: none !important;
|
|
border: none !important;
|
|
color: transparent !important;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* these seem unthemeable */
|
|
.monaco-scrollable-element > .scrollbar > .slider {
|
|
background: var(--color-primary) !important;
|
|
}
|
|
.monaco-scrollable-element > .scrollbar > .slider:hover {
|
|
background: var(--color-primary-dark-1) !important;
|
|
}
|
|
.monaco-scrollable-element > .scrollbar > .slider:active {
|
|
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;
|
|
}
|