Caph-список внутри caph-списка - PullRequest
Новая
       9

Caph-список внутри caph-списка

0 голосов
/ 04 мая 2018

Я хочу отобразить мини-список (с двумя элементами) внутри каждого элемента родительского списка).

HTML код: 

<caph-list container-class="list mt-1 ml-5" items="item in items" direction="horizontal">
   <div class="item ml-1" focusable on-focused="focus($event, $index)" on-blurred="blur($event)" on-selected="select($event, $index)" id="{{ 'item-' + $index }}">
      <caph-list container-class="list button-list ml-5" items="item in itemButtons" direction="horizontal">
         <img class="img-1 mt-2" src="images/tizen_32.png" focusable data-focusable-depth="7" />
      </caph-list>
      <img class="img-fluid" ng-src="{{item.picture}}"/>
   </div>
</caph-list>

Код CSS: 

.list { 
   width: 1920px; 
   height: 255px;
}
.item {
   position: relative;
   width: 400px;
   height: 250px;
   box-sizing: border-box;
}
.button-list {
   position: absolute;
   width: 400px;
   height: 250px;
}
.img-1 {
   width: 60px;
   height: 60px;
   position: absolute;
   top:50%;
   transform: translateY(-50%);
}

Несмотря на установку каждой ширины - высоты элементов, она выдает мне эту ошибку: 

Error: The caph-list's container and template view should have their own size such as width and height.

Есть что-то, чего я здесь не хватает? Может кто-нибудь помочь?

1 Ответ

0 голосов
/ 08 мая 2018

Попробуйте удалить размер блока в селекторе классов элементов.

...