Whenever I deploy my navbar, the 'PieDePagina' component shifts to the bottom by 144px (as defined in the STYLE.contentStyleActive). This issue is caused by the CSS modification, but I am unsure of how to resolve it.
Another query I have is how to set a CSS parameter based on a calculation? (I want the TOP property in my const STYLES to be: numberOfMenuItems * -48px).
And one more question: How can I set a height parameter in const STYLE as height = $('.contenedor').height() (a parameter dependent on another) using JQuery?
Here is the code for my AppBar+Drawer:
import React from 'react';
import AppBar from 'material-ui/AppBar';
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';
import IconButton from 'material-ui/IconButton';
import NavigationMenu from 'material-ui/svg-icons/navigation/menu';
import NavigationClose from 'material-ui/svg-icons/navigation/close';
const STYLES = {
// styles object properties here
};
export default class MenuAlumno extends React.Component {
// component methods and logic here
}
This is where I import my component (MenuAlumno) and also display PieDePagina, a component that is shifted to the bottom of the page by 144px:
render() {
return (
<div>
<Cabecera/>
<MenuAlumno/>
<div class="contenedor">
// content here
</div>
<PieDePagina/>
</div>
);
Thanks in advance for any assistance.