chore: remove IDE config files and improve web platform compatibility
- Remove `.idea/` IntelliJ configuration files from version control - Add web-specific touch handling for swipeable message bubbles and schedule screen - Fix CSS touch-action rules for better web scrolling behavior - Add nestedScrollEnabled to ScrollViews for proper gesture handling - Improve null safety checks in profile screens - Add horizontal ScrollView wrapper for notification filter tags - Add hasHeader prop support for embedded profile screens
This commit is contained in:
@@ -53,24 +53,33 @@ if (Platform.OS === 'web' && typeof document !== 'undefined') {
|
||||
}
|
||||
*:focus { outline: none !important; }
|
||||
*:focus-visible { outline: none !important; }
|
||||
/* 修复移动端 FlatList/ScrollView 滑动问题 */
|
||||
/* 修复移动端滑动问题 - 仅对根容器限制 */
|
||||
html, body {
|
||||
overscroll-behavior: none;
|
||||
touch-action: pan-y;
|
||||
touch-action: manipulation;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
/* React Native Web 生成的滚动容器 */
|
||||
[class*="css-"] {
|
||||
touch-action: pan-y !important;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
/* React Native Web 生成的滚动容器 - 允许双向滑动 */
|
||||
[class*="css-view"] {
|
||||
touch-action: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
/* 确保所有可滚动元素都可以垂直滑动 */
|
||||
div[style*="overflow"] {
|
||||
touch-action: pan-y !important;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
/* 水平滚动容器 */
|
||||
[data-horizontal-scroll="true"],
|
||||
div[style*="overflow-x"],
|
||||
div[style*="overflow: scroll"],
|
||||
div[style*="overflow: auto"] {
|
||||
touch-action: pan-x pan-y;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
/* 禁用水平滑动,只允许垂直滑动 */
|
||||
* {
|
||||
touch-action: pan-y pinch-zoom;
|
||||
/* 手势区域 - 允许滑动手势 */
|
||||
[data-gesture-area="true"] {
|
||||
touch-action: pan-x pan-y;
|
||||
}
|
||||
/* 图片查看器手势区域 */
|
||||
.react-native-image-viewer,
|
||||
[data-image-viewer="true"] {
|
||||
touch-action: pinch-zoom pan-x pan-y;
|
||||
}
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
|
||||
Reference in New Issue
Block a user