Question

我的AdminLTE迷你侧边栏出现了这个奇怪的问题（当我按下＆＃34; Toggle＆＃34;按钮时）。

在正常模式下工作正常但是当我折叠侧边栏时，标题和树之间会出现这个空间，这会混淆功能，因为当我将指针移到该空间菜单上时会隐藏，我必须移动才能进入选项。 / p>

＆＃34; General＆＃34;之间的空白和＆＃34; Usuarios＆＃34;：

我尝试用原来的AdminLTE代码替换我的HTML代码，但问题仍然存在。我找到的唯一方法是解决＆＃34;这是删除＆＃34;包含树。＆＃34;我的Rails资产管道中的选项，但我找不到问题逐个探索css文件。

代码：

<aside class="main-sidebar">
  <!-- sidebar: style can be found in sidebar.less -->
  <section style="height: auto;" class="sidebar">
    <!-- Sidebar user panel -->
    <div class="user-panel">
      <div class="pull-left image">
        <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
      </div>
      <div class="pull-left info">
        <p>Hola, Bárbara</p>
      </div>
    </div>
    <!-- sidebar menu: : style can be found in sidebar.less -->
    <ul class="sidebar-menu">
      <li class="header">MENU DE NAVEGACION</li>
      <li class="treeview active">
        <a href="#">
          <i class="fa fa-dashboard"></i> <span>General</span> <i class="fa fa-angle-left pull-right"></i>
        </a>
        <ul class="treeview-menu">
          <li role='presentation' class='<%= "active" if controller_name == "users" %>'>
            <a href='/admin/users'>
              <i class="fa fa-circle-o text-yellow"></i>Usuarios
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "schools" %>'>
            <a href='/schools'>
              <i class="fa fa-circle-o text-yellow"></i>Colegios
            </a>
          </li>
        </ul>
      </li>
      <li class="treeview active">
        <a href="#">
          <i class="fa fa-files-o"></i>
          <span>Evaluaciones</span><i class="fa fa-angle-left pull-right"></i>
        </a>
        <ul class="treeview-menu">
          <li role='presentation' class='<%= "active" if controller_name == "evaluations" %>'>
            <a href='/evaluations'>
              <i class="fa fa-circle-o text-red"></i>Listar Evaluaciones
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "evaluations" %>'>
            <a href='/evaluations/new'>
              <i class="fa fa-circle-o text-red"></i>Crear evaluación
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "questions" %>'>
            <a href='/questions'>
              <i class="fa fa-circle-o text-red"></i>Listar preguntas
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "questions" %>' >
            <a href='/questions/new'>
              <i class="fa fa-circle-o text-red"></i>Crear pregunta
            </a>
          </li>
        </ul>
      </li>
      <li class="treeview active">
        <a href="#">
          <i class="fa fa-dashboard"></i>
          <span>Indicadores</span>
          <i class="fa fa-angle-left pull-right"></i>
        </a>
        <ul class="treeview-menu">
          <li role='presentation' class='<%= "active" if controller_name == "contents" %>'>
            <a href='/contents'><i class="fa fa-circle-o text-aqua"></i>Contenidos/Aprendizajes
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "axes" %>'><a href='/axes'>
            <i class="fa fa-circle-o text-aqua"></i>Ejes
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "pme_abilities" %>'>
            <a href='/pme_abilities'>
              <i class="fa fa-circle-o text-aqua"></i>Habilidades/Ejes PME
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "bloom_abilities" %>'>
            <a href='/bloom_abilities'>
              <i class="fa fa-circle-o text-aqua"></i>Habilidades Cognitivas
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "units" %>'><a href='/units'>
            <i class="fa fa-circle-o text-aqua"></i>Unidades
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "learning_goals" %>'><a href='/learning_goals'>
            <i class="fa fa-circle-o text-aqua"></i>Objetivos de aprendizaje
            </a>
          </li>
          <li role='presentation' class='<%= "active" if controller_name == "difficulty_levels" %>'>
            <a href='/difficulty_levels'><i class="fa fa-circle-o text-aqua"></i>Niveles de dificultad
            </a>
          </li>
        </ul>
      </li>
      <li class="treeview active">
        <a href="#">
          <i class="fa fa-money"></i>
          <span>Facturación</span>
          <i class="fa fa-angle-left pull-right"></i>
        </a>
        <ul class="treeview-menu">
          <li><a href="#"><i class="fa fa-circle-o text-green"></i>General</a></li>
          <li><a href="#"><i class="fa fa-circle-o text-green"></i>Cobranza</a></li>
          <li><a href="#"><i class="fa fa-circle-o text-green"></i>Fidelización</a></li>
        </ul>
      </li>
      <li class="treeview active">
        <a href="#">
          <i class="fa fa-edit"></i> <span>Administración</span>
          <i class="fa fa-angle-left pull-right"></i>
        </a>
        <ul class="treeview-menu">
          <li><a href="pages/forms/general.html"><i class="fa fa-circle-o text-orange"></i> Ver informes</a></li>
          <li><a href="pages/forms/advanced.html"><i class="fa fa-circle-o text-orange"></i> Rangos de corte</a></li>
          <li><a href="pages/forms/editors.html"><i class="fa fa-circle-o text-orange"></i> Ingreso resultados</a></li>
          <li><a href="pages/forms/editors.html"><i class="fa fa-circle-o text-orange"></i> Descarga evaluaciones</a></li>
        </ul>
      </li>
    </ul>
  </section>
  <!-- /.sidebar -->
</aside>

Answer 1

我偶然发现了同样的问题。查看scaffolds.scss并在css p, ol, ul, td下注释掉font-size。这似乎对我造成了这个问题。

AdminLTE在菜单之间切换侧边栏空间

1 个答案: