scolling properties pane
This commit is contained in:
parent
90b7cf84b7
commit
6b1404b705
|
@ -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>
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue