dsh-remote-panel 0.4.4 → 0.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/client.js +46 -42
- package/package.json +1 -1
package/lib/client.js
CHANGED
|
@@ -1529,48 +1529,52 @@ window.__ModuleLoader__.load({
|
|
|
1529
1529
|
}
|
|
1530
1530
|
|
|
1531
1531
|
|
|
1532
|
-
/*
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1532
|
+
/* 只对手机宽度生效：桌面端必须保持「左导航 188 + 右内容」。
|
|
1533
|
+
之前这组规则写在了 @media 外面，桌面端打开设置也会被改成顶部标签条。 */
|
|
1534
|
+
@media (max-width: 1023px) {
|
|
1535
|
+
/* 设置弹窗：原生是「左导航 188 + 右内容」，到 390 内容列只剩 154。
|
|
1536
|
+
这里把导航改成顶部一条可横滑的标签条，内容占满宽度；只匹配「有导航列的 dialog」。 */
|
|
1537
|
+
[role="dialog"]:has(> [class*="_nav"]) {
|
|
1538
|
+
flex-direction: column !important;
|
|
1539
|
+
width: calc(100vw - 16px) !important;
|
|
1540
|
+
max-width: none !important;
|
|
1541
|
+
max-height: calc(100dvh - 24px);
|
|
1542
|
+
}
|
|
1543
|
+
[role="dialog"] > [class*="_nav"] {
|
|
1544
|
+
flex: 0 0 auto !important;
|
|
1545
|
+
width: 100% !important;
|
|
1546
|
+
height: auto !important;
|
|
1547
|
+
padding: 4px 8px 0 !important;
|
|
1548
|
+
border-right: 0 !important;
|
|
1549
|
+
border-bottom: 1px solid rgba(255, 255, 255, .08);
|
|
1550
|
+
}
|
|
1551
|
+
[role="dialog"] > [class*="_nav"] > [class*="_navTitle"] { display: none !important; }
|
|
1552
|
+
[role="dialog"] > [class*="_nav"] [class*="_navList"] {
|
|
1553
|
+
flex-direction: row !important;
|
|
1554
|
+
height: auto !important;
|
|
1555
|
+
overflow-x: auto;
|
|
1556
|
+
overflow-y: hidden;
|
|
1557
|
+
gap: 2px;
|
|
1558
|
+
padding-bottom: 4px;
|
|
1559
|
+
scrollbar-width: none;
|
|
1560
|
+
}
|
|
1561
|
+
[role="dialog"] > [class*="_nav"] [class*="_navList"]::-webkit-scrollbar { height: 0; }
|
|
1562
|
+
[role="dialog"] > [class*="_nav"] [class*="_navCell"] {
|
|
1563
|
+
flex: 0 0 auto !important;
|
|
1564
|
+
width: auto !important;
|
|
1565
|
+
height: 34px !important;
|
|
1566
|
+
padding: 0 10px !important;
|
|
1567
|
+
white-space: nowrap;
|
|
1568
|
+
}
|
|
1569
|
+
[role="dialog"] > [class*="_content"] {
|
|
1570
|
+
flex: 1 1 auto !important;
|
|
1571
|
+
width: 100% !important;
|
|
1572
|
+
min-width: 0 !important;
|
|
1573
|
+
overflow-y: auto;
|
|
1574
|
+
-webkit-overflow-scrolling: touch;
|
|
1575
|
+
overscroll-behavior: contain;
|
|
1576
|
+
padding-bottom: max(env(safe-area-inset-bottom, 0px), var(--dsh-safe-bottom, 0px)) !important;
|
|
1577
|
+
}
|
|
1574
1578
|
}
|
|
1575
1579
|
|
|
1576
1580
|
/* 长会话滚动：只在窄屏做滚动容器层面的优化，桌面保持原样 */
|