mirror of
https://github.com/go-gitea/gitea
synced 2024-08-27 01:32:53 +02:00
1. Fixed border-radius 2. Monaco ignores the alpha channel on the shadow color, introduce `color-shadow-opaque` 3. Remove scrollbar color which follows https://github.com/go-gitea/gitea/pull/29800 Before: <img width="34" alt="Screenshot 2024-07-13 at 15 38 18" src="https://github.com/user-attachments/assets/042d9bde-6db9-4467-a2a4-8f61ecc773eb"> <img width="35" alt="Screenshot 2024-07-13 at 15 38 31" src="https://github.com/user-attachments/assets/04146ee0-551c-4ff2-9636-bd119b33595a"> After: <img width="45" alt="Screenshot 2024-07-13 at 15 38 06" src="https://github.com/user-attachments/assets/1f58fa5a-1289-4e45-83c9-18ca82a5e266"> <img width="39" alt="Screenshot 2024-07-13 at 21 16 56" src="https://github.com/user-attachments/assets/e12ebe22-b29b-4798-9f0d-4c100f311562">
43 lines
1.0 KiB
CSS
43 lines
1.0 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: 0 0 var(--border-radius) var(--border-radius);
|
|
}
|
|
|
|
/* 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;
|
|
}
|