Skip to main content
6 eventos
cuándo alternar formato qué por licencia comentario
el 12 may. 2022 a las 1:12 comentario añadido Hugo @Benito-B Gracias, antes de hacer cualquier cosa, probé quitando la posición de fixed al sidebar menú y le añadí un display block, con eso el contenido de las rutas ya no aparecen detrás del sidebar sino que al lado y además se expande y se contrae cuando el sidebar se cierra y abre. Era lo que quería, gracias de nuevo :D
el 10 may. 2022 a las 7:42 comentario añadido Benito-B @Hugo Una vez recibes el booleano no tienes más que añadir un ngClass con la clase bindeada a tu booleano, angular se encargará de aplicarla cuando el boolean sea true y quitarla cuando no: [ngClass]="{'moreWidth': thisBooleanIsTrue}". Puedes añadir cuantas clases quieras dentro de los corchetes, es muy práctico para casos como este.
el 10 may. 2022 a las 6:05 historial editado Hugo CC BY-SA 4.0
Agregar información extra a mi problema
el 10 may. 2022 a las 5:59 comentario añadido Hugo Eres un genio Carlos, te diste cuenta que la posición de la barra es fixed, voy a editar el post para agregar el css que tiene el componente de la barra lateral, para proporcionarte mayor información. A parte de eso poniendo atención a tu ultima sugerencia, tendría que mandar la acción del click al presionar el botón hamburguesa con un @output hacia el componente layout principal y allí dependiendo de esa acción si es true o false hacer eso que dices de colocar un margin izquierdo al contenedor del router que cambie según se expanda o no la barra lateral, cierto?
el 10 may. 2022 a las 4:56 comentario añadido Carlos Poot A pesar de que el contenedor de la barra lateral no tiene ningún estilo, puedo apreciar que dentro del componente existen clases que definen como se posiciona tu menú como por ejemplo 'menu-collapsed', Creo que nos faltaría ver los estilos para tener mas información, sin embargo quiero pensar que el posicionamiento es "fixed", por eso el contenido de las vistas se queda atrás, como idea rápida, podrías agregarle un margen o padding izquierdo al contenedor del router-outlet del ancho de tu barra lateral cuando esta oculto y aumentarlo cuando la barra se muestra.
el 10 may. 2022 a las 3:53 historial formulada Hugo CC BY-SA 4.0