позиционирование кнопки в зависимости от размера карты - PullRequest
Новая
       14

позиционирование кнопки в зависимости от размера карты

0 голосов
/ 17 июня 2020

Я использую шаблон ngx-admin. Я хочу установить кнопки «предыдущий» и «следующий» по центру, даже если размер формы увеличивается. Я хочу всегда устанавливать положение кнопки на 50% высоты карточки или формы. Как мне этого добиться? 

:host {
  display: block;
}
.nbCard {
  min-height: 90px;
}

.previous {
  border: 1px solid black;
  align-content: center;
}
.next {
  border: 1px solid black;
}
<nb-card>
  <form>
    <div class="row pl-3 pr-3">
      <div class="col-1 col-md-1 previous">
        <button nbButton><nb-icon icon="arrowhead-left-outline"></nb-icon></button>
      </div>
      <div class="col-10 col-md-10">
        <div class='row pt-5 pl-3 pr-3'>
          <!-- content -->
        </div>
      </div>
      <div class="col-1 col-md-1 previous">
        <button nbButton><nb-icon icon="arrowhead-right-outline"></nb-icon></button>
      </div>
    </div>
  </form>
</nb-card>
...