iter(g96): 抽屉支持上下滑出方位
This commit is contained in:
+23
-1
@@ -1576,8 +1576,30 @@ button.ua-step-dot:hover {
|
||||
border-right: 1px solid var(--ua-color-border);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.ua-drawer-top,
|
||||
.ua-drawer-bottom {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: auto;
|
||||
max-width: none;
|
||||
border-left: none;
|
||||
border-bottom: 1px solid var(--ua-color-border);
|
||||
}
|
||||
.ua-drawer-top {
|
||||
top: 0;
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
.ua-drawer-bottom {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
border-bottom: none;
|
||||
border-top: 1px solid var(--ua-color-border);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
.ua-drawer-overlay.ua-open .ua-drawer-right,
|
||||
.ua-drawer-overlay.ua-open .ua-drawer-left {
|
||||
.ua-drawer-overlay.ua-open .ua-drawer-left,
|
||||
.ua-drawer-overlay.ua-open .ua-drawer-top,
|
||||
.ua-drawer-overlay.ua-open .ua-drawer-bottom {
|
||||
transform: none;
|
||||
}
|
||||
.ua-drawer-head {
|
||||
|
||||
Reference in New Issue
Block a user