scolling properties pane

This commit is contained in:
Michael Shanks 2019-09-20 09:02:22 +01:00
parent 90b7cf84b7
commit 6b1404b705
2 changed files with 9 additions and 1 deletions

View File

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

View File

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