MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve multiple styles for the drawer and code editor

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 { .sidebar::-webkit-scrollbar {
display: none; display: none;
} }
.main {
height: 100%;
overflow: hidden;
}
.padding .main { .padding .main {
padding: var(--spacing-xl); padding: var(--spacing-xl);
} }

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

@ -321,7 +321,7 @@
top: 1px; top: 1px;
height: calc(100% - 2px); height: calc(100% - 2px);
width: 100%; width: 100%;
background: var(--spectrum-global-color-gray-75); background: var(--spectrum-global-color-gray-100);
z-index: -2; z-index: -2;
} }
.code-editor :global(.cm-gutterElement) { .code-editor :global(.cm-gutterElement) {
@ -343,7 +343,8 @@
z-index: -2; z-index: -2;
} }
.code-editor :global(.cm-selectionBackground) { .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) { .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)", backgroundColor: "var(--spectrum-global-color-gray-200)",
}, },
"& .binding-wrap": { "& .binding-wrap": {
color: "var(--spectrum-global-color-blue-700)", color: "var(--spectrum-global-color-orange-600)",
fontFamily: "monospace",
}, },
}, },
{ dark } { dark }

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

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