js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 11:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Explicitly define all sides

Browse Source
This commit is contained in:
Cory LaViska
2020-07-17 06:24:48 -04:00
parent 8eda1dbfaf
commit a7ae0a0fb5
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/drawer/drawer.scss
View File

@@ -53,6 +53,8 @@
.drawer--top .drawer__panel {
top: 0;
right: auto;
bottom: auto;
left: 0;
width: 100%;
height: var(--size);
@@ -62,12 +64,16 @@
.drawer--right .drawer__panel {
top: 0;
right: 0;
bottom: auto;
left: auto;
width: var(--size);
height: 100%;
transform: translate(100%, 0);
}
.drawer--bottom .drawer__panel {
top: auto;
right: auto;
bottom: 0;
left: 0;
width: 100%;
@@ -77,6 +83,8 @@
.drawer--left .drawer__panel {
top: 0;
right: auto;
bottom: auto;
left: 0;
width: var(--size);
height: 100%;