External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

test(board): test scroll with no margin

Browse Source
This commit is contained in:
plebeius.eth
2023-10-20 15:59:05 +02:00
parent 183294a66f
commit ae6c237302
2 changed files with 28 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Board.jsx
+13 -13
View File
@@ -3333,7 +3333,7 @@ const Board = () => {
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
style={{ all: 'unset', paddingBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
) : null}
{thread.locked ? (
@@ -3341,7 +3341,7 @@ const Board = () => {
src='assets/closed.gif'
alt='Closed'
title='Closed'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
style={{ all: 'unset', paddingBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
) : null}
</span>
@@ -3411,7 +3411,7 @@ const Board = () => {
<span
key={`mob-fta-${index}`}
className='file-thumb-mobile'
style={isMobileThreadThumbnailClicked[index] ? {} : { marginBottom: '25px' }}
style={isMobileThreadThumbnailClicked[index] ? {} : { paddingBottom: '25px' }}
>
{isMobileThreadThumbnailClicked[index] && commentMediaInfo.url ? (
<div style={{ width: '92vw' }}>
@@ -3439,7 +3439,7 @@ const Board = () => {
)}
{commentMediaInfo?.type === 'video' || commentMediaInfo?.type === 'iframe' ? (
isMobileThreadThumbnailClicked[index] ? (
<div style={{ textAlign: 'center', marginTop: '15px', marginBottom: '15px' }}>
<div style={{ textAlign: 'center', paddingTop: '15px', paddingBottom: '15px' }}>
<span
className='button-mobile'
style={{ float: 'none', cursor: 'pointer' }}
@@ -3472,7 +3472,7 @@ const Board = () => {
style={
isMobileThreadThumbnailClicked[index] || !thread.thumbnailUrl
? {}
: { width: displayWidthMobile, height: displayHeightMobile, marginBottom: '25px' }
: { width: displayWidthMobile, height: displayHeightMobile, paddingBottom: '25px' }
}
>
{thread.thumbnailUrl ? (
@@ -3499,7 +3499,7 @@ const Board = () => {
key={`mob-ft${thread.cid}`}
className='file-thumb-mobile'
style={
isMobileThreadThumbnailClicked[index] ? {} : { width: displayWidthMobile, height: displayHeightMobile, marginBottom: '25px' }
isMobileThreadThumbnailClicked[index] ? {} : { width: displayWidthMobile, height: displayHeightMobile, paddingBottom: '25px' }
}
>
<img
@@ -3522,7 +3522,7 @@ const Board = () => {
<span
key={`mob-ft${thread.cid}`}
className='file-thumb-mobile'
style={isMobileThreadThumbnailClicked[index] ? {} : { marginBottom: '25px' }}
style={isMobileThreadThumbnailClicked[index] ? {} : { paddingBottom: '25px' }}
>
{isMobileThreadThumbnailClicked[index] ? (
<video
@@ -3548,7 +3548,7 @@ const Board = () => {
)}
{commentMediaInfo?.type === 'video' || commentMediaInfo?.type === 'iframe' ? (
isMobileThreadThumbnailClicked[index] ? (
<div style={{ textAlign: 'center', marginTop: '15px', marginBottom: '15px' }}>
<div style={{ textAlign: 'center', paddingTop: '15px', paddingBottom: '15px' }}>
<span
className='button-mobile'
style={{ float: 'none', cursor: 'pointer' }}
@@ -3575,7 +3575,7 @@ const Board = () => {
key={`mob-ft${thread.cid}`}
className='file-thumb-mobile'
style={
isMobileThreadThumbnailClicked[index] ? {} : { width: displayWidthMobile, height: displayHeightMobile, marginBottom: '25px' }
isMobileThreadThumbnailClicked[index] ? {} : { width: displayWidthMobile, height: displayHeightMobile, paddingBottom: '25px' }
}
>
<audio
@@ -4002,7 +4002,7 @@ const Board = () => {
<span
key={`mob-fta-${index}`}
className='file-thumb-mobile'
style={isMobileReplyThumbnailClicked[index] ? {} : { marginBottom: '25px' }}
style={isMobileReplyThumbnailClicked[index] ? {} : { paddingBottom: '25px' }}
>
{isMobileReplyThumbnailClicked[index] && replyMediaInfo.url ? (
<div style={{ width: '92vw' }}>
@@ -4030,7 +4030,7 @@ const Board = () => {
)}
{replyMediaInfo?.type === 'video' || replyMediaInfo?.type === 'iframe' ? (
isMobileReplyThumbnailClicked[index] ? (
<div style={{ textAlign: 'center', marginTop: '15px', marginBottom: '15px' }}>
<div style={{ textAlign: 'center', paddingTop: '15px', paddingBottom: '15px' }}>
<span
className='button-mobile'
style={{ float: 'none', cursor: 'pointer' }}
@@ -4105,7 +4105,7 @@ const Board = () => {
<span
key={`mob-ft${reply.cid}`}
className='file-thumb-mobile'
style={isMobileReplyThumbnailClicked[index] ? {} : { marginBottom: '25px' }}
style={isMobileReplyThumbnailClicked[index] ? {} : { paddingBottom: '25px' }}
>
{isMobileReplyThumbnailClicked[index] ? (
<video
@@ -4131,7 +4131,7 @@ const Board = () => {
)}
{replyMediaInfo?.type === 'video' || replyMediaInfo?.type === 'iframe' ? (
isMobileReplyThumbnailClicked[index] ? (
<div style={{ textAlign: 'center', marginTop: '15px', marginBottom: '15px' }}>
<div style={{ textAlign: 'center', paddingTop: '15px', paddingBottom: '15px' }}>
<span
className='button-mobile'
style={{ float: 'none', cursor: 'pointer' }}