@@ -31,7 +31,7 @@ export const MenuItemEach = styled.div`
31
31
height: 50px;
32
32
width: 100%;
33
33
box-sizing: border-box;
34
- color:${ theme ( 'sidebar.menu_link ' ) } ;
34
+ color:${ theme ( 'sidebar.menuLink ' ) } ;
35
35
`
36
36
export const MenuRow = styled . div `
37
37
display: flex;
@@ -42,7 +42,7 @@ export const MenuRow = styled.div`
42
42
padding-left: 15px;
43
43
44
44
a {
45
- color:${ theme ( 'sidebar.menu_link ' ) } ;
45
+ color:${ theme ( 'sidebar.menuLink ' ) } ;
46
46
display: block;
47
47
flex-grow: 1;
48
48
max-width: 50%;
@@ -52,20 +52,20 @@ export const MenuRow = styled.div`
52
52
&:hover {
53
53
background-color: #047fbd;
54
54
a {
55
- color:${ theme ( 'sidebar.menu_link ' ) } ;
55
+ color:${ theme ( 'sidebar.menuLink ' ) } ;
56
56
}
57
57
}
58
58
`
59
59
60
60
export const MenuTitle = styled . div `
61
- color:${ theme ( 'sidebar.menu_link ' ) } ;
61
+ color:${ theme ( 'sidebar.menuLink ' ) } ;
62
62
display: block;
63
63
flex-grow: 1;
64
64
max-width: 50%;
65
65
opacity: 0.6;
66
66
67
67
&:hover {
68
- color:${ theme ( 'sidebar.menu_link ' ) } ;
68
+ color:${ theme ( 'sidebar.menuLink ' ) } ;
69
69
cursor: pointer;
70
70
}
71
71
`
@@ -104,23 +104,24 @@ export const MiniChartText = styled.div`
104
104
`
105
105
106
106
export const MenuItemIcon = styled ( Img ) `
107
+ fill:${ theme ( 'sidebar.menuLink' ) } ;
107
108
opacity:${ props => ( props . active ?1 :0.5 ) } ;
108
109
width: 22px;
109
110
height: 22px;
110
111
display: block;
111
112
`
112
113
export const MenuCommunitiesIcon = styled ( MenuItemIcon ) `
113
- fill:${ theme ( 'sidebar.menu_link ' ) } ;
114
+ fill:${ theme ( 'sidebar.menuLink ' ) } ;
114
115
`
115
116
117
+ // margin-top: ${props => (props.active ? '10px' : '0px')};
118
+ // margin-bottom: ${props => (props.active ? '10px' : '0px')};
116
119
export const ChildrenWrapper = styled . div `
117
120
padding-left: 23px;
118
121
padding-top:${ props => ( props . active ?'10px' :'0px' ) } ;
119
122
padding-bottom:${ props => ( props . active ?'10px' :'0px' ) } ;
120
123
border-left: 1px solid #007baa;
121
124
background: #006a9f;
122
- margin-top:${ props => ( props . active ?'10px' :'0px' ) } ;
123
- margin-bottom:${ props => ( props . active ?'10px' :'0px' ) } ;
124
125
overflow: hidden;
125
126
max-height:${ props => ( props . active ?'400px' :'0px' ) } ;
126
127
transition: max-height 0.5s ease-in-out;