[Fix] Fixed tree view not scrolling, use css var --header-height for top margin

This commit is contained in:
Robert von Burg 2019-01-09 18:31:04 +01:00
parent 2a3d18492d
commit b856a925b0
2 changed files with 9 additions and 2 deletions

View File

@ -1,7 +1,7 @@
{
"name": "strolch-wc-inspector",
"description": "Strolch WebComponent Inspector",
"version": "0.13.1",
"version": "0.13.2",
"authors": ["Robert von Burg"],
"keywords": [
"strolch",

View File

@ -18,6 +18,8 @@
<!-- Style -->
<style is="custom-style" include="strolch-wc-styles">
:host {
--header-height: 0px;
@apply(--strolch-wc-control);
@apply(--layout-vertical);
}
@ -67,6 +69,11 @@
display: flex;
}
.tree-view {
overflow: auto;
height: calc(100vh - 115px - var(--header-height));
}
</style>
<!-- Requests -->
@ -120,7 +127,7 @@
<template is="dom-if" if="[[!empty(elements)]]">
<div class="content">
<paper-card>
<paper-card class="tree-view">
<strolch-wc-tree title-html func-obj="{{funcObj}}" elements="[[elements]]" />
</paper-card>