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

scolling properties pane

This commit is contained in:
Michael Shanks 2019-09-20 09:02:22 +01:00
parent df60d11b1a
commit 0def6a50a9
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/builder/src/userInterface/EditComponent.svelte
View File

@ -155,7 +155,7 @@ const componentInstancePropsChanged = (instanceProps) => {
instanceProps={editingComponentInstance} instanceProps={editingComponentInstance}
onPropsChanged={componentInstancePropsChanged}/> onPropsChanged={componentInstancePropsChanged}/>
{:else} {:else}
<div> <div class="component-props-container">
<div class="section-header padding" on:click={() => componentDetailsExpanded = !componentDetailsExpanded}> <div class="section-header padding" on:click={() => componentDetailsExpanded = !componentDetailsExpanded}>
<span style="margin-right: 7px">Component Details</span> <span style="margin-right: 7px">Component Details</span>
@ -232,6 +232,8 @@ const componentInstancePropsChanged = (instanceProps) => {
border-style: solid; border-style: solid;
border-color: var(--lightslate); border-color: var(--lightslate);
border-width: 0px 0px 0px 1px; border-width: 0px 0px 0px 1px;
display:flex;
flex-direction: column;
} }
.padding { .padding {
@ -267,4 +269,8 @@ const componentInstancePropsChanged = (instanceProps) => {
margin-top: 20px; margin-top: 20px;
} }
.component-props-container {
flex: 1 1 auto;
overflow-y: auto;
}
</style> </style>

2
packages/builder/src/userInterface/UserInterfaceRoot.svelte
View File

@ -88,6 +88,7 @@ const settings = () => {
grid-template-columns: [uiNav] 250px [preview] auto [properties] 300px; grid-template-columns: [uiNav] 250px [preview] auto [properties] 300px;
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow-y: auto;
} }
.ui-nav { .ui-nav {
@ -100,6 +101,7 @@ const settings = () => {
grid-column-start: properties; grid-column-start: properties;
background-color: var(--primary10); background-color: var(--primary10);
height: 100%; height: 100%;
overflow-y: hidden;
} }
.pages-list-container { .pages-list-container {