prehistoric-systems/removeddit
1
0
Fork 0
mirror of https://github.com/gurnec/removeddit.git synced 2026-03-11 08:54:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Don't line-wrap inside of a setting

Browse source
This commit is contained in:
Christopher Gurnee 2022-02-22 13:05:50 -05:00
parent aac22ce109
commit 9b902f5cf5
3 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/main.css vendored
View file

File diff suppressed because one or more lines are too long

19
src/pages/thread/SortBy.js
View file

@ -8,8 +8,8 @@ const sortBy = props => {
return (
<div id='comment-sort'>
<label htmlFor='commentSort'>sorted by:</label>
<span className='space' />
<span className='nowrap'>
<label htmlFor='commentSort'>sorted by:</label>
<select id='commentSort' defaultValue={props.global.state.commentSort}
onMouseDown={() => usedMouse = true}
onKeyDown= {() => usedMouse = false}
@ -20,8 +20,9 @@ const sortBy = props => {
<option value={sort.old}>old</option>
</select>
<span className='space' />
<label htmlFor='commentFilter'>show:</label>
<span className='space' />
</span>
<span className='nowrap'>
<label htmlFor='commentFilter'>show:</label>
<select id='commentFilter' defaultValue={props.global.state.commentFilter}
onMouseDown={() => usedMouse = true}
onKeyDown= {() => usedMouse = false}
@ -32,7 +33,9 @@ const sortBy = props => {
<option value={filter.deleted}>Deleted</option>
</select>
<span className='space' />
<label htmlFor='maxComments'>max. to download:</label>
</span>
<span className='nowrap'>
<label htmlFor='maxComments'>max. to download:</label>
<span className='space' />
<input id='maxComments'
onKeyDown={e => e.key == "Enter" && e.target.blur()}
@ -41,10 +44,12 @@ const sortBy = props => {
{ ...(isFirefox ? {
onClick: e => e.target.focus() } : {}) }
defaultValue={props.global.state.maxComments} type='number' maxLength='5' required min='100' max={maxCommentsLimit} step='100' />
{maxCommentsField > props.global.state.maxComments && props.global.state.maxComments < maxCommentsLimit && !props.reloadingComments && <>
</span>
{ maxCommentsField > props.global.state.maxComments && props.global.state.maxComments < maxCommentsLimit && !props.reloadingComments &&
<span className='nowrap'>
<span className='space' />
<input onClick={() => {props.global.loadMaxComments(); setReloadVisible(false)}} type='button' value='Reload' />
</>}
</span> }
</div>
)
}

3
src/sass/common.sass
View file

@ -39,6 +39,9 @@ a:hover
color: inherit
text-decoration: none
.nowrap
display: inline-block
.space
margin-left: 5px