Как убрать кнопку закрытия из названия модальной карты Bulma? - PullRequest
Новая
       8

Как убрать кнопку закрытия из названия модальной карты Bulma?

0 голосов
/ 22 января 2019

Bulma css для модальных добавляет кнопку автоматического закрытия x перед Modal Title 

   <div class="modal">
      <div class="modal-background"></div>
      <div class="modal-card">
        <header class="modal-card-head">
          <p class="modal-card-title">Modal title</p>
          <button class="delete" aria-label="close"></button>
        </header>
        <section class="modal-card-body">
          <!-- Content ... -->
        </section>
        <footer class="modal-card-foot">
          <button class="button is-success">Save changes</button>
          <button class="button">Cancel</button>
        </footer>
      </div>
    </div>

Мне интересно, как я могу удалить ее без перекомпиляции всего объекта?

1 Ответ

0 голосов
/ 22 января 2019

Вы можете просто прокомментировать или удалить строку здесь, и она избавится от кнопки X 

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css" rel="stylesheet"/>
<div class="modal is-active">
  <div class="modal-background"></div>
  <div class="modal-card">
    <header class="modal-card-head">
      <p class="modal-card-title">Modal title</p>
      <!--<button class="delete" aria-label="close"></button> -->
    </header>
    <section class="modal-card-body">
      <!-- Content ... -->
    </section>
    <footer class="modal-card-foot">
      <button class="button is-success">Save changes</button>
      <button class="button">Cancel</button>
    </footer>
  </div>
</div>
...