Элемент списка Fit в пользовательском интерфейсе One Line Office Fabri c JS - PullRequest
Новая
       9

Элемент списка Fit в пользовательском интерфейсе One Line Office Fabri c JS

0 голосов
/ 26 мая 2020

Я использую Office UI Fabri c JS для создания списка. Я выполнил инструкции по созданию элемента списка из здесь . Он отображается следующим образом:

2

Я хочу, чтобы значок удаления располагался в той же строке, что и основной текст, как показано в ссылке. Как я могу это сделать?

Мой HTML код: 

<ul class="ms-List">
  <li class="ms-ListItem ms-ListItem--document" tabindex="0">
    <span class="ms-ListItem-primaryText">Test</span> 
    <span class="ms-ListItem-secondaryText">Test</span> 
    <div class="ms-ListItem-selectionTarget"></div>
    <div class="ms-ListItem-actions">
      <div class="ms-ListItem-action">
        <i class="ms-Icon ms-Icon--Delete"></i>
      </div>
    </div>
  </li>
</ul>
<script type="text/javascript">
  var ListItemElements = document.querySelectorAll(".ms-ListItem");
  for (var i = 0; i < ListItemElements.length; i++) {
    new fabric['ListItem'](ListItemElements[i]);
  }
</script>
...