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

Fix table spectrum colour definitions

This commit is contained in:
Andrew Kingston 2021-04-13 18:08:01 +01:00
parent 105715e68e
commit 8af2b8f2a0
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/bbui/src/Table/Table.svelte
View File

@ -301,7 +301,7 @@
<style> <style>
.wrapper { .wrapper {
background-color: var(--spectrum-global-color-gray-100); background-color: var(--spectrum-alias-background-color-primary);
overflow: hidden; overflow: hidden;
position: relative; position: relative;
z-index: 1; z-index: 1;
@ -315,22 +315,22 @@
var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid)) !important; var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid)) !important;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: var(--spectrum-global-color-gray-400) scrollbar-color: var(--spectrum-global-color-gray-400)
var(--spectrum-global-color-gray-100); var(--spectrum-alias-background-color-primary);
} }
.container::-webkit-scrollbar { .container::-webkit-scrollbar {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.container::-webkit-scrollbar-track { .container::-webkit-scrollbar-track {
background: var(--spectrum-global-color-gray-100); background: var(--spectrum-alias-background-color-primary);
} }
.container::-webkit-scrollbar-thumb { .container::-webkit-scrollbar-thumb {
background-color: var(--spectrum-global-color-gray-400); background-color: var(--spectrum-global-color-gray-400);
border-radius: 20px; border-radius: 20px;
border: 4px solid var(--spectrum-global-color-gray-100); border: 4px solid var(--spectrum-alias-background-color-primary);
} }
.container::-webkit-scrollbar-corner { .container::-webkit-scrollbar-corner {
background: var(--spectrum-global-color-gray-100); background: var(--spectrum-alias-background-color-primary);
} }
.container.quiet { .container.quiet {
border: none !important; border: none !important;
@ -370,7 +370,7 @@
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 2; z-index: 2;
background-color: var(--spectrum-global-color-gray-100); background-color: var(--spectrum-alias-background-color-primary);
} }
.spectrum-Table-headCell-content { .spectrum-Table-headCell-content {
white-space: nowrap; white-space: nowrap;