Add drawer component and support side thumbnails.

This commit is contained in:
Dermot Duffy
2022-03-20 18:07:48 -07:00
parent 3d3967318b
commit 304abcd82b
8 changed files with 149 additions and 7 deletions
+34
View File
@@ -0,0 +1,34 @@
:host {
// Drawer width sizes to contents.
width: unset;
};
#d, #fs {
// Override width/height to be 100% instead of 100v[wh].
height: 100%;
// Position absolutely.
position: absolute;
}
: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 rgba(0, 0, 0, 0.5);
}
#fs {
width: 100%;
inset: 0;
}
#ifs {
// Override width/height to be 100% instead of 100v[wh].
height: 100%;
};