Badge misalignment in dmstr\widgets\Menu with Firefox

[maxxer]

This has been fixed upstream, but apparently is still affecting the menus created with Yii2

[githubjeka]

Can you show your render HTML and php code for this item ? What version browser and adminLTE used?

[maxxer]

<ul class="sidebar-menu">
  <li>
    <a href="/TEST-ADMINLTE/web/index.php?r=mailbox">
    <i class="fa fa-fa fa fa-envelope-o"></i>  <span>
      <span>Mailbox</span>
      <span class="pull-right-container">
        <small class="label pull-right bg-yellow">2</small>
      </span>
    </span>
  </a>
  </li>
  <li class="header">
    <span>Menu Yii2</span>
  </li>
  <li><a href="/TEST-ADMINLTE/web/index.php?r=gii">
    <i class="fa fa-file-code-o"></i>  
    <span>Gii</span>
  </a>
  </li>
  <li><a href="/TEST-ADMINLTE/web/index.php?r=debug">
    <i class="fa fa-dashboard"></i>  
    <span>Debug</span>
  </a>
  </li>
  <li>
    <a href="/TEST-ADMINLTE/web/index.php?r=site%2Flogin">
      <i class="fa fa-circle-o"></i>  
      <span>Login</span>
    </a>
  </li>
  <li><a href="#">
    <i class="fa fa-share"></i>  
    <span>Same tools</span> 
    <span class="pull-right-container">
      <i class="fa fa-angle-left pull-right"></i>
    </span>
  </a>
    <ul class='treeview-menu'>
      <li><a href="/TEST-ADMINLTE/web/index.php?r=gii">
        <i class="fa fa-file-code-o"></i>  
        <span>Gii</span>
      </a>
      </li>
      <li><a href="/TEST-ADMINLTE/web/index.php?r=debug">
        <i class="fa fa-dashboard"></i>  
        <span>Debug</span>
      </a>
      </li>
      <li><a href="#">
        <i class="fa fa-circle-o"></i>  
        <span>Level One</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>  
            <span>Level Two</span>
          </a>
          </li>
          <li>
            <a href="#">
              <i class="fa fa-circle-o"></i>  
              <span>Level Two</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>  <span>Level Three</span></a></li>
              <li><a href="#"><i class="fa fa-circle-o"></i>  <span>Level Three</span></a></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

$ composer.phar show
almasaeed2010/adminlte             v2.3.11 AdminLTE - admin control panel and dashboard that's based on Bootstrap 3

Firefox 54.0.1 (64 bit) on MacOS

[githubjeka]

Catched. Will fixed.

[githubjeka]

Please check your code by latest doc for this case

'items' => [
    [
        'label' => 'Mailbox',
        'icon' => 'envelope-o',
        'url' => ['/mailbox'],
        'template'=>'<a href="{url}">{icon} {label}<span class="pull-right-container"><small class="label pull-right bg-yellow">123</small></span></a>'
    ],
]

[githubjeka]

To enhancement need replace this

'template'=>'<a href="{url}">{icon} {label}<span class="pull-right-container"><small class="label pull-right bg-yellow">123</small></span></a>'

to an attribute of Menu

[maxxer]

great, thanks!