feat(KB-623): add mobile tab overflow scrolling for detail tabs

- Add horizontal overflow scrolling to .detail-tabs for mobile viewports
- Add -webkit-overflow-scrolling: touch for smooth momentum scrolling
- Hide scrollbars with scrollbar-width: none and ::-webkit-scrollbar
- Change .detail-tab from flex:1 to flex-shrink:0 to prevent tab compression
This commit is contained in:
gsxdsm
2026-03-31 17:52:01 -07:00
parent fdbc6a15e8
commit 50d65c36b9

View File

@@ -2761,11 +2761,20 @@ body {
padding: 12px 14px;
}
.detail-tabs {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.detail-tabs::-webkit-scrollbar {
display: none;
}
.detail-tab {
padding: 8px 12px;
font-size: 13px;
flex: 1;
text-align: center;
flex-shrink: 0;
}
/* Settings modal: stack sidebar above content for mobile */