update
This commit is contained in:
@@ -160,27 +160,6 @@ export class SioDropdownMenu extends DeesElement {
|
|||||||
background: ${bdTheme('border')};
|
background: ${bdTheme('border')};
|
||||||
margin: ${unsafeCSS(spacing["1"])} 0;
|
margin: ${unsafeCSS(spacing["1"])} 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile adjustments */
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
.dropdown {
|
|
||||||
position: fixed;
|
|
||||||
top: auto !important;
|
|
||||||
left: ${unsafeCSS(spacing["4"])} !important;
|
|
||||||
right: ${unsafeCSS(spacing["4"])};
|
|
||||||
bottom: ${unsafeCSS(spacing["4"])};
|
|
||||||
width: auto;
|
|
||||||
transform-origin: bottom center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown.open {
|
|
||||||
transform: translateY(0) scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown:not(.open) {
|
|
||||||
transform: translateY(10px) scale(0.95);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`,
|
`,
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user