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

Fix style and alignment of various frontend design and settings components

This commit is contained in:
Andrew Kingston 2020-10-12 15:14:34 +01:00
parent 8ff401fd64
commit 61bfc12070
3 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/builder/src/components/userInterface/OptionSelect.svelte
View File

@ -164,10 +164,10 @@
.bb-select-container { .bb-select-container {
outline: none; outline: none;
width: 160px;
height: 36px; height: 36px;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
overflow: hidden;
} }
.bb-select-anchor { .bb-select-anchor {
@ -237,6 +237,7 @@
padding: 5px 0px; padding: 5px 0px;
cursor: pointer; cursor: pointer;
padding-left: 10px; padding-left: 10px;
font-size: var(--font-size-s);
} }
li:hover { li:hover {

7
packages/builder/src/components/userInterface/PropertyControl.svelte
View File

@ -118,8 +118,7 @@
position: relative; position: relative;
display: flex; display: flex;
flex-flow: row; flex-flow: row;
min-width: 260px; margin: 8px 0;
margin: 8px 0px;
align-items: center; align-items: center;
} }
@ -128,7 +127,7 @@
align-items: center; align-items: center;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
width: 100px; flex: 0 0 100px;
text-align: left; text-align: left;
color: var(--ink); color: var(--ink);
margin-right: auto; margin-right: auto;
@ -139,7 +138,7 @@
flex: 1; flex: 1;
display: flex; display: flex;
padding-left: 2px; padding-left: 2px;
max-width: 164px; overflow: hidden;
} }
button { button {
position: absolute; position: absolute;

17
packages/builder/src/components/userInterface/ScreenSelect.svelte
View File

@ -10,9 +10,22 @@
const handleBlur = () => dispatch("change", value) const handleBlur = () => dispatch("change", value)
</script> </script>
<DataList editable secondary on:blur={handleBlur} on:change bind:value> <div>
<DataList editable secondary thin on:blur={handleBlur} on:change bind:value>
<option value="" /> <option value="" />
{#each $store.allScreens as screen} {#each $store.allScreens as screen}
<option value={screen.route}>{screen.props._instanceName}</option> <option value={screen.route}>{screen.props._instanceName}</option>
{/each} {/each}
</DataList> </DataList>
</div>
<style>
div {
flex: 1 1 auto;
display: flex;
flex-direction: row;
}
div :global(> div) {
flex: 1 1 auto;
}
</style>