Bulma Navbar меню открывается по умолчанию на мобильном телефоне - PullRequest
Новая
       5

Bulma Navbar меню открывается по умолчанию на мобильном телефоне

0 голосов
/ 29 марта 2019

У меня есть булма Навбар, которой я манипулирую, реагирую.Ниже сгенерированный код.На рабочем столе меню отображается правильно и открывает и закрывает раскрывающиеся меню, как и ожидалось.

На мобильных устройствах, однако, все раскрывающиеся списки открыты по умолчанию, и хотя класс «is-active» добавляется и удаляется, когда я нажимаю на «навигационную ссылку», меню не открывается и не закрывается, как ожидалось,

<nav class="navbar" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">
      <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbar">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      </a>
   </div>
   <div id="navbar" class="navbar-menu is-active">
      <div class="navbar-start">

         <div class="navbar-item has-dropdown">
            <a class="navbar-link">Data Types</a>
            <div class="navbar-dropdown">
               <div class="types">
                  Select Content
               </div>
            </div>
         </div>
      </div>
   </div>
</nav>

«Активен» в приведенном выше коде из меню бургера, открывающего меню.Что я делаю неправильно?

1 Ответ

0 голосов
/ 29 марта 2019

Мне нужно было добавить sass

.navbar-item {

&.has-dropdown {
  .navbar-dropdown {
    display: none;
  }
  &.is-active {
    .navbar-dropdown {
      display: block;
    }
   }
 }

}

под @mobile у меня в кругу. Тогда мобильный ведет себя как рабочий стол.

...