No text selection for labels

This commit is contained in:
Lukas Martinelli 2016-12-17 20:21:24 +01:00
parent 4a8520c36d
commit 1d05ea000d

View file

@ -3,41 +3,42 @@
import theme from '../theme.js' import theme from '../theme.js'
const base = { const base = {
display: 'inline-block', display: 'inline-block',
fontSize: theme.fontSizes[5], fontSize: theme.fontSizes[5],
lineHeight: 2, lineHeight: 2,
paddingLeft: 5, paddingLeft: 5,
paddingRight: 5, paddingRight: 5,
} }
const label = { const label = {
...base, ...base,
width: '40%', width: '40%',
color: theme.colors.lowgray, color: theme.colors.lowgray,
userSelect: 'none',
} }
const property = { const property = {
marginTop: theme.scale[2], marginTop: theme.scale[2],
marginBottom: theme.scale[2], marginBottom: theme.scale[2],
} }
const input = { const input = {
...base, ...base,
border: '1px solid rgb(36, 36, 36)', border: '1px solid rgb(36, 36, 36)',
width: '47%', width: '47%',
backgroundColor: theme.colors.gray, backgroundColor: theme.colors.gray,
color: theme.colors.lowgray, color: theme.colors.lowgray,
} }
const select = { const select = {
...input, ...input,
width: '51%', width: '51%',
height: '2.3em', height: '2.3em',
} }
export default { export default {
label, label,
select, select,
input, input,
property, property,
} }