46 lines
800 B
SCSS
46 lines
800 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;
|
|
|
|
// Don't let the drawer exceed 90% of the full width of the relative parent.
|
|
max-width: 90%;
|
|
}
|
|
|
|
:host([location='right']) #d {
|
|
// Position to the right.
|
|
left: unset;
|
|
right: 0;
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
:host([location='right'][open]) #d {
|
|
transform: none;
|
|
box-shadow: var(--frigate-card-css-box-shadow, 0px 0px 25px 0px black);
|
|
}
|
|
|
|
#ifs {
|
|
// Override width/height to be 100% instead of 100v[wh].
|
|
height: 100%;
|
|
}
|