ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-01-04 12:30:00 +00:00
Code Issues Projects Releases Wiki Activity

Make editor darker

Browse Source
This commit is contained in:
Lukas Martinelli
2016-12-20 20:36:02 +01:00
parent dc097e9f9a
commit 4981747d8b
4 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/layers/LayerList.jsx
View File

@@ -82,7 +82,7 @@ class LayerListContainer extends React.Component {
/>
})
return <ScrollContainer>
<ul style={{ padding: margins[1], margin: 0 }}>
<ul style={{ padding: margins[1], paddingRight: 0, margin: 0 }}>
{layerPanels}
</ul>
</ScrollContainer>

10
src/components/layers/LayerListItem.jsx
View File

@@ -45,7 +45,7 @@ class IconAction extends React.Component {
renderIcon() {
const iconStyle = {
fill: colors.gray
fill: colors.black
}
if(this.props.active) {
@@ -135,17 +135,17 @@ class LayerListItem extends React.Component {
cursor: 'pointer',
position: 'relative',
padding: margins[1],
borderColor: Color(colors.gray).lighten(0.1).string(),
backgroundColor: colors.gray,
borderColor: Color(colors.black).lighten(0.10).string(),
backgroundColor: colors.black,
}
if(this.state.hover) {
console.log('hooover')
itemStyle.backgroundColor = Color(colors.gray).lighten(0.10)
itemStyle.backgroundColor = Color(colors.black).lighten(0.10).string()
}
if(this.props.isSelected) {
itemStyle.backgroundColor = Color(colors.gray).lighten(0.15)
itemStyle.backgroundColor = Color(colors.black).lighten(0.15).string()
}
const iconProps = {