Make the css for input and select more specific (#446)

The current css selectors, eg. `.ReactTable input` cause conflicts with `input` elements inside Cells. So changed it to `.ReactTable .-pagination input`.
This commit is contained in:
Sudhanshu
2017-09-01 04:54:21 +05:30
committed by Tanner Linsley
parent ff95c21440
commit e8c557d70e

View File

@@ -196,6 +196,16 @@ $expandSize = 7px
box-shadow: 0 0px 15px 0px alpha(black, .1)
border-top: 2px solid alpha(black, .1)
input
select
border: 1px solid rgba(0,0,0,0.1)
background: white
padding: 5px 7px
font-size: inherit
border-radius: 3px
font-weight: normal
outline:none
.-btn
appearance:none
display:block
@@ -293,16 +303,6 @@ $expandSize = 7px
> div
transform: translateY(50%)
input
select
border: 1px solid rgba(0,0,0,0.1)
background: white
padding: 5px 7px
font-size: inherit
border-radius: 3px
font-weight: normal
outline:none
.rt-resizing
.rt-th
.rt-td