145 lines
2.8 KiB
SCSS
145 lines
2.8 KiB
SCSS
|
|
// stylelint-disable selector-class-pattern
|
|
// stylelint-disable selector-max-compound-selectors
|
|
// stylelint-disable stylelint-gitlab/duplicate-selectors
|
|
// stylelint-disable stylelint-gitlab/utility-classes
|
|
|
|
.blob-editor-container {
|
|
flex: 1;
|
|
height: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
|
|
.vertical-center {
|
|
min-height: auto;
|
|
}
|
|
|
|
.monaco-editor .lines-content .cigr {
|
|
display: none;
|
|
}
|
|
|
|
.is-readonly .editor.original {
|
|
.view-lines {
|
|
cursor: default;
|
|
}
|
|
|
|
.cursors-layer {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.is-deleted {
|
|
.editor.modified {
|
|
.margin-view-overlays,
|
|
.lines-content,
|
|
.decorationsOverviewRuler {
|
|
// !important to override monaco inline styles
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.diffOverviewRuler.modified {
|
|
// !important to override monaco inline styles
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.is-added {
|
|
.editor.original {
|
|
.margin-view-overlays,
|
|
.lines-content,
|
|
.decorationsOverviewRuler {
|
|
// !important to override monaco inline styles
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.diffOverviewRuler.original {
|
|
// !important to override monaco inline styles
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.multi-file-editor-holder {
|
|
height: 100%;
|
|
min-height: 0; // firefox fix
|
|
}
|
|
|
|
// Apply theme related overrides only to the white theme and none theme
|
|
.theme-white .blob-editor-container,
|
|
.theme-none .blob-editor-container {
|
|
.monaco-diff-editor {
|
|
.editor.modified {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.diagonal-fill {
|
|
display: none !important;
|
|
}
|
|
|
|
.diffOverview {
|
|
background-color: $white;
|
|
border-left: 1px solid $white-dark;
|
|
cursor: ns-resize;
|
|
}
|
|
|
|
.diffViewport {
|
|
display: none;
|
|
}
|
|
|
|
.char-insert {
|
|
background-color: $line-added-dark-transparent;
|
|
}
|
|
|
|
.char-delete {
|
|
background-color: $line-removed-dark-transparent;
|
|
}
|
|
|
|
.line-numbers {
|
|
color: $black-transparent;
|
|
}
|
|
|
|
.view-overlays {
|
|
.line-insert {
|
|
background-color: $line-added-transparent;
|
|
}
|
|
|
|
.line-delete {
|
|
background-color: $line-removed-transparent;
|
|
}
|
|
}
|
|
|
|
.margin {
|
|
background-color: $white;
|
|
border-right: 1px solid $gray-100;
|
|
|
|
.line-insert {
|
|
border-right: 1px solid $line-added-dark;
|
|
}
|
|
|
|
.line-delete {
|
|
border-right: 1px solid $line-removed-dark;
|
|
}
|
|
}
|
|
|
|
.margin-view-overlays .insert-sign,
|
|
.margin-view-overlays .delete-sign {
|
|
opacity: 0.4;
|
|
}
|
|
}
|
|
}
|
|
|
|
.theme-white .multi-file-editor-holder,
|
|
.theme-none .multi-file-editor-holder {
|
|
&.is-readonly,
|
|
.editor.original {
|
|
.monaco-editor,
|
|
.monaco-editor-background,
|
|
.monaco-editor .inputarea.ime-input {
|
|
background-color: $gray-10;
|
|
}
|
|
}
|
|
}
|