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:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user