a3d9f0d915
Fixes https://github.com/go-gitea/gitea/issues/30673, all 23 issues. Notes: - Tab bar menus had to change to pills because of unsolvable issue with the border-radius as tab bar renders a overlapping border onto the box below. And I think pills look better. - Added padding to code editor empty preview message - Hide monaco's built-in blue focus border, we don't need it and it never showed before either. - Label add menu is simplified, removing the nested segment. <img width="1322" alt="Screenshot 2024-04-25 at 22 26 19" src="https://github.com/go-gitea/gitea/assets/115237/7e394e0c-b7ad-417d-8e9f-12f1dea93ed1"> <img width="1326" alt="Screenshot 2024-04-25 at 22 28 00" src="https://github.com/go-gitea/gitea/assets/115237/66c8499f-aa9f-4d95-8cca-ef13dfa82c65"> <img width="997" alt="Screenshot 2024-04-25 at 22 36 53" src="https://github.com/go-gitea/gitea/assets/115237/07896102-c71d-4246-8173-c2bc2e1d3cae"> <img width="832" alt="Screenshot 2024-04-25 at 22 56 09" src="https://github.com/go-gitea/gitea/assets/115237/d83afc96-08ca-4adc-baf4-3d02804be57c"> <img width="361" alt="Screenshot 2024-04-25 at 22 57 12" src="https://github.com/go-gitea/gitea/assets/115237/c7371a68-00b5-47d8-84d0-ddc5268b2b2c"> --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Giteabot <teabot@gitea.io>
54 lines
1.4 KiB
CSS
54 lines
1.4 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;
|
|
}
|
|
|
|
.monaco-editor,
|
|
.monaco-editor .overflow-guard {
|
|
border-radius: var(--border-radius);
|
|
}
|
|
|
|
/* 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: var(--border-radius-medium) !important;
|
|
}
|