moses's avatar
Level 2

why fa-angle-left icon in adminlte laravel infyom generator untidy?

I get the adminlte from here : https://github.com/InfyOmLabs/adminlte-generator

In here : https://github.com/InfyOmLabs/adminlte-generator/blob/5.3/resources/views/layouts/menu.blade.php, I add script html menu like this :

<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu">
  <li class="treeview">
    <a href="#">
      <i class="fa fa-share"></i> <span>Multilevel</span>
      <span class="pull-right-container">
        <i class="fa fa-angle-left pull-right"></i>
      </span>
    </a>
    <ul class="treeview-menu">
      <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
      <li>
        <a href="#"><i class="fa fa-circle-o"></i> Level One
          <span class="pull-right-container">
            <i class="fa fa-angle-left pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
          <li>
            <a href="#"><i class="fa fa-circle-o"></i> Level Two
              <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
            </a>
            <ul class="treeview-menu">
              <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
              <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
    </ul>
  </li>
</ul>

The result of view is like this : http://postimg.org/image/hrja9r84z/

fa-angle-left icon looks untidy

Why fa-angle-left icon looks untidy? though I already loaded AdminLTE.min.css

0 likes
1 reply
WebKenth's avatar

Just add a few css rules and put it in place?

<span class="pull-right-container">
    <i class="fa fa-angle-left pull-right"></i>
</span>

Guessing the pull-rightclass on the i tag doesn't need to be there as the container already is being pulled

Please or to participate in this conversation.