CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-28 07:11:40 +12:00
Code Issues Projects Releases Wiki Activity

Add custom scrollbars and fix page heights

Browse source
This commit is contained in:
Andrew Kingston 2021-04-23 11:39:39 +01:00
parent 443ab6b999
commit 59614ddd26
5 changed files with 27 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/bbui/src/Table/Table.svelte
View file

@ -313,23 +313,6 @@
height: 100%;
position: relative;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: var(--spectrum-global-color-gray-400)
var(--spectrum-alias-background-color-default);
}
.container::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.container::-webkit-scrollbar-track {
background: var(--spectrum-alias-background-color-default);
}
.container::-webkit-scrollbar-thumb {
background-color: var(--spectrum-global-color-gray-400);
border-radius: 4px;
}
.container::-webkit-scrollbar-corner {
background: var(--spectrum-alias-background-color-default);
}
.container.quiet {
border: none !important;

21
packages/builder/src/global.css
View file

@ -55,4 +55,25 @@ body {
* + .bb-margin-xl {
margin-top: var(--spacing-xl);
}
/* Custom scrollbars */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: var(--spectrum-alias-background-color-default);
}
::-webkit-scrollbar-thumb {
background-color: var(--spectrum-global-color-gray-400);
border-radius: 4px;
}
::-webkit-scrollbar-corner {
background: var(--spectrum-alias-background-color-default);
}
html * {
scrollbar-width: thin;
scrollbar-color: var(--spectrum-global-color-gray-400)
var(--spectrum-alias-background-color-default);
}

3
packages/builder/src/pages/builder/[application]/automate/_layout.svelte
View file

@ -21,7 +21,8 @@
<style>
.root {
height: calc(100% - 60px);
flex: 1 1 auto;
height: 0;
display: grid;
grid-template-columns: 260px minmax(510px, 1fr) 260px;
}

3
packages/builder/src/pages/builder/[application]/data/_layout.svelte
View file

@ -66,7 +66,8 @@
<style>
.root {
height: calc(100vh - 60px);
flex: 1 1 auto;
height: 0;
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
}

3
packages/builder/src/pages/builder/[application]/design/[assetType]/_layout.svelte
View file

@ -168,7 +168,8 @@
display: grid;
grid-template-columns: 260px 1fr 260px;
align-items: stretch;
height: calc(100vh - 60px);
flex: 1 1 auto;
height: 0;
}
.ui-nav {