stream.place / streamplace
Live video on the AT Protocol
fork atom

Merge pull request #281 from streamplace/natb/hotfix-ios-cursor

hotfix: remove `cursor: pointer` + invalid dimension on iOS

authored by natalie and committed by GitHub 5af4e3c8 56eb2574

+4 -6
unified split
-1
js/app/components/chat/chat.tsx
··· 385 paddingVertical="$1" 386 paddingHorizontal="$2" 387 borderRadius="$2" 388 - marginLeft="-$1" 389 > 390 <Text fontSize={12} color={replyToColor} fontWeight="bold"> 391 {replyToHandle ? `@${replyToHandle}` : ""}
··· 385 paddingVertical="$1" 386 paddingHorizontal="$2" 387 borderRadius="$2" 388 > 389 <Text fontSize={12} color={replyToColor} fontWeight="bold"> 390 {replyToHandle ? `@${replyToHandle}` : ""}
+4 -5
js/app/components/livestream/livestream.tsx
··· 157 } 158 }; 159 160 - // if width <600px or if in horizontal mode, use View, otherwise use ScrollView 161 - const MainView = 162 - (width < height && width < 980) || fullscreen ? View : ScrollView; 163 164 const dir = width < height && width < 980 ? "column" : "row"; 165 ··· 190 > 191 <MainView 192 width={videoWidth} 193 - height="100%" 194 maxHeight={videoHeight} 195 maxWidth={videoWidth} 196 fs={0} ··· 283 color: "$blue11", 284 }} 285 aria-label={`View @${streamerHandle} on Bluesky`} 286 - //style={{ cursor: "pointer" }} 287 ellipse={true} 288 > 289 {`@${streamerHandle}`} ··· 347 backgroundColor="$background2" 348 animation={"quick"} 349 pt="$11" 350 transform={ 351 isIOS 352 ? [ ··· 361 ? { 362 paddingTop: 0, 363 width: isChatVisible ? 380 : 0, 364 flexBasis: isChatVisible ? 380 : 0, 365 flexShrink: 1, 366 borderLeftColor: "#666",
··· 157 } 158 }; 159 160 + const MainView = width < height && width < 980 ? View : ScrollView; 161 162 const dir = width < height && width < 980 ? "column" : "row"; 163 ··· 188 > 189 <MainView 190 width={videoWidth} 191 maxHeight={videoHeight} 192 maxWidth={videoWidth} 193 fs={0} ··· 280 color: "$blue11", 281 }} 282 aria-label={`View @${streamerHandle} on Bluesky`} 283 + style={isWeb ? { cursor: "pointer" } : {}} 284 ellipse={true} 285 > 286 {`@${streamerHandle}`} ··· 344 backgroundColor="$background2" 345 animation={"quick"} 346 pt="$11" 347 + $gtXs={{ pt: 0 }} 348 transform={ 349 isIOS 350 ? [ ··· 359 ? { 360 paddingTop: 0, 361 width: isChatVisible ? 380 : 0, 362 + minWidth: isChatVisible ? 380 : 0, 363 flexBasis: isChatVisible ? 380 : 0, 364 flexShrink: 1, 365 borderLeftColor: "#666",