Угловое дерево Json |Рендеринг только в части экрана - PullRequest
Новая
       8

Угловое дерево Json |Рендеринг только в части экрана

0 голосов
/ 06 декабря 2018

Я использую Angular-JSON-Tree, чтобы визуализировать некоторые объекты JSON.Но что бы я ни делал, ширина дерева не занимает все пространство.Теперь мой код CSS особенно сложен и глуп, поскольку я унаследовал, но я не могу понять, почему ширина не применяется.

CSS для JSON-Tree: 

json-tree {

  .key {
    @include font-size(13);
    // color: $blue;
    font-weight: bold;
  }

  .branch-preview {
    max-width:100%
  }

  json-node {
    &.expandable {
      &::before {
        top:3px;
      }
    }
  }
}

ЭтоAngular View (AngularJS 1.5.x): 

            <div ng-if="d.key">
                <json-tree src="d.key" name="'KEY'" collapsed="true" display-object-size="false"
                    display-data-types="false" enable-clipboard="false"></json-tree>
            </div>
            <div ng-if="d.value">
                <json-tree src="d.value" name="'VALUE'" collapsed="true" display-object-size="false"
                    display-data-types="false" enable-clipboard="false"></json-tree>
            </div>
            <span ng-if="d.metadata">
                <span style="font-size:10px;font-weight:bold;">OFFSET:</span>
                <span style="font-size:11px;">{{d.metadata.offset}}</span>
                <span class="mx-1" style="color: lightgray;">|</span>

                <span style="font-size:10px;font-weight:bold;">PARTITION:</span>
                <span style="font-size:11px;">{{d.metadata.partition}}</span>

                <span ng-if="d.timestamp != -1">
                    <span class="mx-1" style="color: lightgray;">|</span>
                    <span style="font-size:10px;font-weight:bold;">TIMESTAMP:</span>
                    <span style="font-size:11px;">{{d.metadata.timestamp | date:'yyyy-MM-dd HH:mm:ss'}}</span>
                </span>
            </span>

Не уверен, что здесь происходит, но все, что я делаю, не работает.Является ли это библиотечной вещью, наследственной ли?А поскольку на самом деле разбиение на страницы в дереве JSON зависит от фактической ширины и расположения, оно также не работает.Не уверен, что делать.Заранее спасибо

...