mirror of
https://github.com/gurnec/removeddit.git
synced 2026-03-11 08:54:27 +00:00
Improve legibility and compatibility of settings
This commit is contained in:
Christopher Gurnee
parent
33606604ef
commit
92f050e660
9 changed files with 115 additions and 96 deletions
2
dist/main.css
vendored
2
dist/main.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -31,7 +31,7 @@ const sortBy = props => {
|
|||
setReloadVisible(true)
|
||||
}} onBlur={e => {
|
||||
e.target.value = props.global.setMaxComments(e.target.value)
|
||||
}} defaultValue={props.global.state.maxComments} type='number' size='5' maxLength='5' required min='100' max={maxCommentsLimit} step='100' />
|
||||
}} defaultValue={props.global.state.maxComments} type='number' maxLength='5' required min='100' max={maxCommentsLimit} step='100' />
|
||||
{reloadVisible && <>
|
||||
<span className='space' />
|
||||
<input onClick={() => location.replace(location.href)} type='button' value='Reload' />
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
margin: 0 auto
|
||||
padding: 20px
|
||||
border-radius: 5px
|
||||
color: #fff
|
||||
color: $light
|
||||
word-wrap: break-word
|
||||
max-width: 800px
|
||||
background-color: #161616
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
$background: #262626
|
||||
$light: #ddd
|
||||
$border: #767676
|
||||
$red: #c70300
|
||||
$blue: #0000ff
|
||||
$link: #8cb3d9
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
padding: 5px 8px 5px 20px
|
||||
border: 1px solid #333
|
||||
border-radius: 3px
|
||||
color: #ddd
|
||||
color: $light
|
||||
font-size: 14px
|
||||
|
||||
.comment-head
|
||||
|
|
|
|||
|
|
@ -13,5 +13,22 @@
|
|||
margin: 5px 0
|
||||
background-color: $background
|
||||
|
||||
#comment-sort input[type='number']:focus
|
||||
color: #ffffff
|
||||
#comment-sort
|
||||
|
||||
input
|
||||
border-color: $border
|
||||
|
||||
&[type='number']
|
||||
width: 54px
|
||||
appearance: textfield
|
||||
|
||||
&:hover, &:focus
|
||||
appearance: none
|
||||
|
||||
input, select
|
||||
&:hover, &:focus
|
||||
color: $light
|
||||
|
||||
option
|
||||
color: $light
|
||||
background-color: $background
|
||||
|
|
|
|||
|
|
@ -1,52 +1,52 @@
|
|||
.search-box
|
||||
font-size: 16px
|
||||
|
||||
.search-row
|
||||
padding: 10px 6px 11px
|
||||
border-bottom: 1px dotted #ccc
|
||||
min-height: 26px
|
||||
|
||||
.search-left
|
||||
font-weight: bold
|
||||
display: inline-block
|
||||
width: 190px
|
||||
vertical-align: middle
|
||||
|
||||
input[type="text"]
|
||||
font-size: 17px
|
||||
width: 400px
|
||||
border-radius: 2px
|
||||
padding-left: 3px
|
||||
|
||||
.radioButton
|
||||
background: #8a8888
|
||||
color: black
|
||||
border-radius: 3px
|
||||
display: inline-block
|
||||
margin-right: 9px
|
||||
transition: all 0.3s
|
||||
|
||||
label
|
||||
padding: 7px 10px 7px 3px
|
||||
display: inline-block
|
||||
|
||||
input
|
||||
margin: 0 0 0 5px
|
||||
height: 35px
|
||||
display: inline-block
|
||||
vertical-align: top
|
||||
|
||||
select
|
||||
padding: 3px
|
||||
font-size: 15px
|
||||
border-radius: 2px
|
||||
|
||||
input[type="submit"]
|
||||
margin: 16px auto 0px
|
||||
display: block
|
||||
padding: 9px 16px
|
||||
font-size: 18px
|
||||
background: #239f2b
|
||||
border: 0
|
||||
border-radius: 2px
|
||||
color: white
|
||||
//.search-box
|
||||
// font-size: 16px
|
||||
//
|
||||
// .search-row
|
||||
// padding: 10px 6px 11px
|
||||
// border-bottom: 1px dotted #ccc
|
||||
// min-height: 26px
|
||||
//
|
||||
// .search-left
|
||||
// font-weight: bold
|
||||
// display: inline-block
|
||||
// width: 190px
|
||||
// vertical-align: middle
|
||||
//
|
||||
// input[type="text"]
|
||||
// font-size: 17px
|
||||
// width: 400px
|
||||
// border-radius: 2px
|
||||
// padding-left: 3px
|
||||
//
|
||||
// .radioButton
|
||||
// background: #8a8888
|
||||
// color: black
|
||||
// border-radius: 3px
|
||||
// display: inline-block
|
||||
// margin-right: 9px
|
||||
// transition: all 0.3s
|
||||
//
|
||||
// label
|
||||
// padding: 7px 10px 7px 3px
|
||||
// display: inline-block
|
||||
//
|
||||
// input
|
||||
// margin: 0 0 0 5px
|
||||
// height: 35px
|
||||
// display: inline-block
|
||||
// vertical-align: top
|
||||
//
|
||||
// select
|
||||
// padding: 3px
|
||||
// font-size: 15px
|
||||
// border-radius: 2px
|
||||
//
|
||||
// input[type="submit"]
|
||||
// margin: 16px auto 0px
|
||||
// display: block
|
||||
// padding: 9px 16px
|
||||
// font-size: 18px
|
||||
// background: #239f2b
|
||||
// border: 0
|
||||
// border-radius: 2px
|
||||
// color: white
|
||||
|
|
|
|||
|
|
@ -5,40 +5,40 @@
|
|||
text-align: right
|
||||
margin: 14px 4px 0 0
|
||||
|
||||
.subreddit-info
|
||||
border-bottom: 1px dotted gray
|
||||
padding: 5px 10px
|
||||
color: #ccc
|
||||
font-size: 14px
|
||||
margin-bottom: 5px
|
||||
|
||||
select
|
||||
background: #262626
|
||||
color: #808080
|
||||
font-size: 14px
|
||||
font-weight: bold
|
||||
text-decoration: underline
|
||||
border: 0
|
||||
|
||||
#pagination
|
||||
border-top: 1px dotted gray
|
||||
padding: 5px 10px
|
||||
color: #ccc
|
||||
font-size: 16px
|
||||
span, a
|
||||
margin: 5px
|
||||
|
||||
.subreddit-box
|
||||
margin-bottom: 15px
|
||||
|
||||
.subreddit-title
|
||||
margin-left: 5px
|
||||
font-size: 22px
|
||||
font-weight: bold
|
||||
color: white
|
||||
|
||||
.subreddit-title-link
|
||||
margin-bottom: 15px
|
||||
margin-left: 5px
|
||||
font-size: 14px
|
||||
color: white
|
||||
//.subreddit-info
|
||||
// border-bottom: 1px dotted gray
|
||||
// padding: 5px 10px
|
||||
// color: #ccc
|
||||
// font-size: 14px
|
||||
// margin-bottom: 5px
|
||||
//
|
||||
// select
|
||||
// background: #262626
|
||||
// color: #808080
|
||||
// font-size: 14px
|
||||
// font-weight: bold
|
||||
// text-decoration: underline
|
||||
// border: 0
|
||||
//
|
||||
//#pagination
|
||||
// border-top: 1px dotted gray
|
||||
// padding: 5px 10px
|
||||
// color: #ccc
|
||||
// font-size: 16px
|
||||
// span, a
|
||||
// margin: 5px
|
||||
//
|
||||
//.subreddit-box
|
||||
// margin-bottom: 15px
|
||||
//
|
||||
//.subreddit-title
|
||||
// margin-left: 5px
|
||||
// font-size: 22px
|
||||
// font-weight: bold
|
||||
// color: white
|
||||
//
|
||||
//.subreddit-title-link
|
||||
// margin-bottom: 15px
|
||||
// margin-left: 5px
|
||||
// font-size: 14px
|
||||
// color: white
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@
|
|||
margin: 5px 0 7px
|
||||
padding: 5px 10px
|
||||
max-width: 840px
|
||||
color: #ddd
|
||||
color: $light
|
||||
font-size: 14px
|
||||
|
||||
p
|
||||
|
|
|
|||
Loading…
Reference in a new issue