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

perf(board): improve scroll on mobile

Browse Source
This commit is contained in:
plebeius.eth
2023-10-20 14:18:17 +02:00
parent e33c3fbe95
commit 183294a66f
2 changed files with 8 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/views/Board.styled.jsx
+7 -18
View File
@@ -2056,7 +2056,6 @@ export const BoardForm = styled.div`
} }
.op-container { .op-container {
margin: 0 -5px;
padding: 5px; padding: 5px;
display: block; display: block;
overflow: hidden; overflow: hidden;
@@ -2182,8 +2181,8 @@ export const BoardForm = styled.div`
} }
.reply-container { .reply-container {
margin: 7px 2px 0; padding: 7px 7px 0 7px;
padding-left: 0; background-color: inherit;
.button-mobile { .button-mobile {
float: right; float: right;
@@ -2210,12 +2209,11 @@ export const BoardForm = styled.div`
display: block; display: block;
.file-thumb-mobile { .file-thumb-mobile {
margin-left: 10px !important; padding-left: 10px !important;
margin-right: 10px !important; padding-right: 10px !important;
text-decoration: none; text-decoration: none;
float: left; float: left;
margin-bottom: 5px; padding-top: 15px;
margin-top: 15px;
} }
.file-info-mobile { .file-info-mobile {
@@ -3329,6 +3327,8 @@ export const BoardForm = styled.div`
@media (max-width: 480px) { @media (max-width: 480px) {
margin-bottom: 335px; margin-bottom: 335px;
margin-left: -5px;
margin-right: -5px;
.offline-mobile-sub { .offline-mobile-sub {
width: 16px; width: 16px;
@@ -3343,21 +3343,10 @@ export const BoardForm = styled.div`
display: none; display: none;
} }
hr {
margin-left: calc((100% - 100vw) / 2);
margin-right: calc((100% - 100vw) / 2);
}
.name-block { .name-block {
display: block; display: block;
} }
.post-info {
display: flex;
flex-wrap: wrap;
margin: 4px;
}
#bottombar-desktop { #bottombar-desktop {
display: none; display: none;
} }
src/components/views/Board.jsx
-4
View File
@@ -3139,11 +3139,7 @@ const Board = () => {
})} })}
</div> </div>
<div key={`mob-t-${index}`} className='thread-mobile'> <div key={`mob-t-${index}`} className='thread-mobile'>
{index === 0 && !subplebbit.rules && !subplebbit.description ? (
<hr key={`mob-hr-${index}`} style={{ marginTop: '10px' }} />
) : (
<hr key={`mob-hr-${index}`} /> <hr key={`mob-hr-${index}`} />
)}
<div key={`mob-c-${index}`} className='op-container'> <div key={`mob-c-${index}`} className='op-container'>
<div key={`mob-po-${index}`} className='post op op-mobile'> <div key={`mob-po-${index}`} className='post op op-mobile'>
<div key={`mob-pi-${index}`} className='post-info-mobile'> <div key={`mob-pi-${index}`} className='post-info-mobile'>