44 lines
685 B
SCSS
44 lines
685 B
SCSS
:host {
|
|
// Drawer width sizes to contents.
|
|
width: unset;
|
|
}
|
|
|
|
#fs {
|
|
// Hide the freespace screen.
|
|
display: none;
|
|
width: 100%;
|
|
inset: 0;
|
|
}
|
|
|
|
#d,
|
|
#fs {
|
|
// Override width/height to be 100% instead of 100v[wh].
|
|
height: 100%;
|
|
|
|
// Position absolutely.
|
|
position: absolute;
|
|
}
|
|
|
|
#d {
|
|
// Need to allow drawer controls to be visible.
|
|
overflow: visible;
|
|
visibility: visible;
|
|
}
|
|
|
|
:host([location=right]) #d {
|
|
// Position to the right.
|
|
left: unset;
|
|
right: 0;
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
:host([location=right][open]) #d {
|
|
transform: none;
|
|
box-shadow: 0px 0px 25px 0px black;
|
|
}
|
|
|
|
#ifs {
|
|
// Override width/height to be 100% instead of 100v[wh].
|
|
height: 100%;
|
|
}
|