Fórum Academy - Ajuda Menu Adminlte

Criador Rodrigo Pais 04/02/2020

Boa tarde Professor,

O sub menu do ADMINLTE 3 e diferente do ADMINLTE2, eu queria colocar o Sub menu um pouco para direta para deferenciar, pelo pouco que conheco sei que é no CSS, pois não estou sabendo onde fazer esse ajuste. Eu teria que colocar um padding-left, porém a onde?

https://imgur.com/a8yCZuS

Desde já muito obrigado!

7 comentários

Manager Carlos Ferreira 04/02/2020

Olá, Rodrigo!
Tudo bem?

Clica com o botão auxiliar em cima de "Level 2" e veja qual é a classe que envolve os elementos do submenu, após isso crie um css para atacar e fazer a padding-left;

Fiz o teste aqui, esse é o CSS:
.nav-sidebar .nav-treeview {
list-style: none;
padding-left: 14px;
}

Criador Rodrigo Pais 04/02/2020

Boa tarde Professor,

Eu tenho que criar um arquivo CSS personalizado com o codigo acima. Depois eu tenho que colocar o link no template, correto? Como estou usando o ADMINLTE 3, tenho que colocar no master.blade.php?

Manager Carlos Ferreira 04/02/2020

Isso amigo, precisa inserir no template principal esse CSS.

Se tiver dúvidas, me retorne! =D

Criador Rodrigo Pais 04/02/2020

Bom dia Professor, tudo bem?

Segue o que fiz e não deu certo :(.

1 - Criei um arquivo css e coloquei em public\vendor\css\personalizado.css

coloquei o seguinte codigo.

.nav-sidebar .nav-treeview {

list-style: none;

padding-left: 14px;

}

2 - Fui em resources\views\adminlte\master.blade.php coloquei o link abaixo destacado. <link rel="stylesheet" href="{{ asset('vendor/css/personalizado.css') }}">

    @include('adminlte::plugins', ['type' => 'css'])

    @yield('adminlte_css_pre')

    <link rel="stylesheet" href="{{ asset('vendor/adminlte/dist/css/adminlte.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendor/css/personalizado.css') }}">

    @yield('adminlte_css')

Porém não fez a modificação no Sidebar.

Manager Carlos Ferreira 04/02/2020

Olá Amigo!

Teoricamente fez tudo certo.

Coloque esse link de css customizado abaixo de:
@yield('adminlte_css')

No browser gerou algum erro em "Console"? -> F12

Tem esse projeto atualizado no GitHub, para eu poder te ajudar a identificar onde não deu certo?

Criador Rodrigo Pais 04/02/2020

Professor,

Não deu certo, porém tenho uma boa noticia... Fiz uma pergunta no git do Jeroennoten e eles me responderam, nossa e bem simples...rsrs

É só ADD o nav-child-indent em classes_sidebar_nav em config/adminlte.php

Pow, agora ficou show! Queria sugerir essa configuração nos videos de treinamento, o que acha?

Abraços

Rodrigo Pais

Manager Carlos Ferreira 04/02/2020

Muito bom, obrigado por compartilhar!