CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-04 05:50:57 +12:00
Code Issues Projects Releases Wiki Activity

Improve multiple styles for the drawer and code editor

Browse source
This commit is contained in:
Andrew Kingston 2024-02-23 10:15:53 +00:00
parent 8320c50c96
commit 41b397c2f7
4 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/bbui/src/Drawer/DrawerContent.svelte
View file

@ -39,6 +39,10 @@
.sidebar::-webkit-scrollbar {
display: none;
}
.main {
height: 100%;
overflow: hidden;
}
.padding .main {
padding: var(--spacing-xl);
}

5
packages/builder/src/components/common/CodeEditor/CodeEditor.svelte
View file

@ -321,7 +321,7 @@
top: 1px;
height: calc(100% - 2px);
width: 100%;
background: var(--spectrum-global-color-gray-75);
background: var(--spectrum-global-color-gray-100);
z-index: -2;
}
.code-editor :global(.cm-gutterElement) {
@ -343,7 +343,8 @@
z-index: -2;
}
.code-editor :global(.cm-selectionBackground) {
background-color: var(--spectrum-global-color-gray-300) !important;
background-color: var(--spectrum-global-color-blue-400) !important;
opacity: 0.4;
}
.code-editor :global(.cm-tooltip.cm-completionInfo) {

3
packages/builder/src/components/common/CodeEditor/index.js
View file

@ -114,8 +114,7 @@ export const getDefaultTheme = opts => {
backgroundColor: "var(--spectrum-global-color-gray-200)",
},
"& .binding-wrap": {
color: "var(--spectrum-global-color-blue-700)",
fontFamily: "monospace",
color: "var(--spectrum-global-color-orange-600)",
},
},
{ dark }

2
packages/builder/src/components/common/bindings/BindingSidePanel.svelte
View file

@ -258,6 +258,8 @@
<style>
.binding-side-panel {
border-left: var(--border-light);
height: 100%;
overflow: auto;
}
.search :global(input) {