I have two charts(Apex) inside two bootstrap-vue cards, I want to put a button on each card which upon clicking should make my individual card full screen. Everything is set up but my CSS to make it full screen is not working.
When uncommenting the below CSS in my sandbox(link is given below), It makes my cards overlapped.
div.card-body.sessionInfo {
display: block;
z-index: 9999;
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: auto;
}
Sandbox link is here : click here