Adminlte: Problem with arrow in left side bar menu

Created on 19 Oct 2018  路  10Comments  路  Source: ColorlibHQ/AdminLTE

Issue type:

  • [ x] Bug report

Environment:

  • AdminLTE Version: 2.4.8
  • Operating System: Mac OS Maverick
  • Browser (Version): FireFox

Description:

After updating to the latest version, my application crashes by not showing the arrow correctly in the left side bar. I have updated my code as per the documentation.

schermafbeelding 2018-10-19 om 17 35 56

The code I have for the left side bar is the following:

`

    <!-- Sidebar user panel -->
    <div class="user-panel">
        <div class="pull-left image">
            <img src="/images/users/erci8ZdixsSnQyGJTdNG3eo8-KZljaPHchicken.jpg" class="img-circle" alt="User Image">   
        </div>
        <div class="pull-left info">
            <p>TimAdmin</p>

            <a href="#"><svg class="svg-inline--fa fa-circle fa-w-16 text-success" aria-hidden="true" data-prefix="fa" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg><!-- <i class="fa fa-circle text-success"></i> --> Online</a>
        </div>
    </div>

    <!-- search form -->
    <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
            <input type="text" name="q" class="form-control" placeholder="Search...">
            <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><svg class="svg-inline--fa fa-search fa-w-16" aria-hidden="true" data-prefix="fa" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg><!-- <i class="fa fa-search"></i> -->
                </button>
            </span>
        </div>
    </form>
    <!-- /.search form -->


    <ul class="sidebar-menu tree" data-widget="tree"><li><a href="/site/index"><svg class="svg-inline--fa fa-share fa-w-16" aria-hidden="true" data-prefix="fa" data-icon="share" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z"></path></svg><!-- <i class="fa fa-fa fa-share"></i> -->  <span>Dashboard</span></a></li>