Olá,
Estou usando o freamework Materialize para criar um painel administrativo para um sistema que estou criando em PHP, mas sei muito pouco de front-end. Gostaria de ajuda para ajustar a leftbar para caber em toda a tela caso não haja conteúdo suficiente para isso.
Eu tentei aplicar position fixed ou absolute no CSS e de certa forma funciona, mas tem alguns problemas como: a pagecontent passa a ignorar a leftbar e é sobreposta e também em caso de a tela ser pequena, a leftbar não exibe a barra de scroll. Sei que estou fazendo da maneira errada e por isso gostaria da ajuda de vocês.
Coloquei o código do projeto no JSFiddle pra facilitar: https://jsfiddle.net/88ctckn2/5/
@Edit
Vou explicar novamente, acho que não fui claro o suficiente anteriormente.
Se vocês compararem a imagem abaixo com o projeto no JSFiddle, vão ver que é bem semelhante. A diferença é que o leftbar não ocupa todo o espaço na tela em termos de altura (height). Ele só ocupa o tamanho que seu conteúdo lhe permite ocupar. Se você adiciona mais conteúdo, ele fica maior. Eu queria que ele ficasse como na imagem abaixo, do ínicio até o fim da tela.
Acho que ainda não estou sendo claro o suficiente, mas é só comparar o projeto no JSFiddle e a imagem abaixo e verá as diferenças. Eu quero que fique como na imagem abaixo.
https://jsfiddle.net/88ctckn2/5/
Obrigado!