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

Tidy up table block and remove unused styles

This commit is contained in:
Andrew Kingston 2022-08-23 19:13:40 +01:00
parent 86322da085
commit 5bccc23ef4
2 changed files with 1 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/client/src/components/Block.svelte
View File

@ -2,7 +2,6 @@
import { getContext, onDestroy, onMount, setContext } from "svelte" import { getContext, onDestroy, onMount, setContext } from "svelte"
import { builderStore } from "stores/builder.js" import { builderStore } from "stores/builder.js"
import { blockStore } from "stores/blocks.js" import { blockStore } from "stores/blocks.js"
import { Button } from "@budibase/bbui"
const component = getContext("component") const component = getContext("component")

41
packages/client/src/components/app/blocks/TableBlock.svelte
View File

@ -2,7 +2,6 @@
import { getContext } from "svelte" import { getContext } from "svelte"
import Block from "components/Block.svelte" import Block from "components/Block.svelte"
import BlockComponent from "components/BlockComponent.svelte" import BlockComponent from "components/BlockComponent.svelte"
import { Heading } from "@budibase/bbui"
import { makePropSafe as safe } from "@budibase/string-templates" import { makePropSafe as safe } from "@budibase/string-templates"
import { enrichSearchColumns, enrichFilter } from "utils/blocks.js" import { enrichSearchColumns, enrichFilter } from "utils/blocks.js"
@ -30,7 +29,6 @@
export let titleButtonPeek export let titleButtonPeek
const { fetchDatasourceSchema, styleable } = getContext("sdk") const { fetchDatasourceSchema, styleable } = getContext("sdk")
const context = getContext("context")
const component = getContext("component") const component = getContext("component")
let formId let formId
@ -126,7 +124,7 @@
text: titleButtonText, text: titleButtonText,
type: "cta", type: "cta",
}} }}
order={3} order={enrichedSearchColumns?.length ?? 0}
/> />
{/if} {/if}
</BlockComponent> </BlockComponent>
@ -168,40 +166,3 @@
</div> </div>
</Block> </Block>
{/if} {/if}
<style>
.controls :global(.spectrum-InputGroup .spectrum-InputGroup-input) {
width: 100%;
}
.search {
flex: 0 1 auto;
gap: 10px;
max-width: 100%;
display: grid;
grid-template-columns: repeat(var(--cols), minmax(120px, 200px));
}
.search :global(.spectrum-InputGroup) {
min-width: 0;
}
/* Mobile styles */
.mobile {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.mobile .controls {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: stretch;
}
.mobile .search {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
position: relative;
width: 100%;
}
</style>