@lambo-design/pro-layout 1.0.0-beta.249 → 1.0.0-beta.250

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/styles/color.less +34 -21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lambo-design/pro-layout",
3
- "version": "1.0.0-beta.249",
3
+ "version": "1.0.0-beta.250",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "lambo",
package/src/styles/color.less CHANGED
@@ -125,59 +125,72 @@
125
125
  }
126
126
 
127
127
  .pro-layout-sider{
128
- background: var(--layout-sider-background,@_layout-sider-background);
129
- color: var(--layout-sider-menu-color ,@_layout-sider-menu-color);
128
+ background: var(--layout-sider-submenu-background,@_layout-sider-submenu-background);
129
+ color: var(--layout-sider-submenu-color ,@_layout-sider-submenu-color);
130
130
  .pro-layout-sider-wrapper{
131
131
  .ivu-menu-dark{
132
- background: var(--layout-sider-menu-background,@_layout-sider-menu-background);
133
- color: var(--layout-sider-menu-color ,@_layout-sider-menu-color);
132
+ background: var(--layout-sider-submenu-background,@_layout-sider-submenu-background);
133
+ color: var(--layout-sider-submenu-color ,@_layout-sider-submenu-color);
134
134
  .ivu-menu-submenu{
135
135
  background: var(--layout-sider-submenu-background,@_layout-sider-submenu-background)!important;
136
136
  .ivu-menu-submenu-title{
137
137
  background: var(--layout-sider-submenu-background,@_layout-sider-submenu-background)!important;
138
- color: var(--layout-sider-menu-color ,@_layout-sider-menu-color);
138
+ color: var(--layout-sider-submenu-color ,@_layout-sider-submenu-color);
139
139
  &:hover {
140
- background: var(--layout-sider-submenu-active-background,@_layout-sider-submenu-active-background)!important;
141
- color: var(--layout-sider-menu-active-color ,@_layout-sider-menu-active-color);
140
+ background: var(--layout-sider-submenu-hover-background,@_layout-sider-submenu-hover-background)!important;
141
+ color: var(--layout-sider-submenu-hover-color ,@_layout-sider-submenu-hover-color);
142
142
  }
143
143
  }
144
144
  .ivu-menu-item{
145
145
  background: var(--layout-sider-menuitem-background,@_layout-sider-menuitem-background)!important;
146
- color: var(--layout-sider-menu-color ,@_layout-sider-menu-color);
147
- &.ivu-menu-item-active,&.ivu-menu-item-selected,&:hover{
146
+ color: var(--layout-sider-menuitem-color ,@_layout-sider-menuitem-color);
147
+ &.ivu-menu-item-active,&.ivu-menu-item-selected{
148
148
  background: var(--layout-sider-menuitem-active-background,@_layout-sider-menuitem-active-background)!important;
149
- color: var(--layout-sider-menu-active-color,@_layout-sider-menu-active-color);
149
+ color: var(--layout-sider-menuitem-active-color,@_layout-sider-menuitem-active-color);
150
+ }
151
+ &:hover{
152
+ background: var(--layout-sider-menuitem-hover-background,@_layout-sider-menuitem-hover-background)!important;
153
+ color: var(--layout-sider-menuitem-hover-color,@_layout-sider-menuitem-hover-color);
150
154
  }
151
155
  }
152
- &.ivu-menu-item-selected,&.ivu-menu-opened{
153
- background: var(--layout-sider-menu-active-background,@_layout-sider-menu-active-background)!important;
154
- color: var(--layout-sider-menu-active-color,@_layout-sider-menu-active-color);
156
+ &.ivu-menu-opened{
157
+ background: var(--layout-sider-submenu-active-background,@_layout-sider-submenu-active-background)!important;
158
+ color: var(--layout-sider-submenu-active-color ,@_layout-sider-submenu-active-color);
155
159
  >.ivu-menu-submenu-title{
156
- //background: var(--layout-sider-menuitem-active-background,@_layout-sider-menuitem-active-background)!important;
157
- color: var(--layout-sider-menu-active-color ,@_layout-sider-menu-active-color);
160
+ background: var(--layout-sider-submenu-active-background,@_layout-sider-submenu-active-background)!important;
161
+ color: var(--layout-sider-submenu-active-color ,@_layout-sider-submenu-active-color);
162
+ &:hover {
163
+ background: var(--layout-sider-submenu-hover-background,@_layout-sider-submenu-hover-background)!important;
164
+ color: var(--layout-sider-submenu-hover-color ,@_layout-sider-submenu-hover-color);
165
+ }
158
166
  }
159
167
  }
160
168
  }
161
169
  }
162
170
  .menu-collapsed{
163
171
  a.drop-menu-a{
164
- color: var(--layout-sider-menu-color ,@_layout-sider-menu-color);
172
+ color: var(--layout-sider-submenu-color ,@_layout-sider-submenu-color);
165
173
  &:hover{
166
- color: var(--layout-sider-menu-active-color ,@_layout-sider-menu-active-color);
174
+ background: var(--layout-sider-submenu-hover-background,@_layout-sider-submenu-hover-background);
175
+ color: var(--layout-sider-submenu-hover-color ,@_layout-sider-submenu-hover-color);
167
176
  }
168
177
  &.selected-parent{
169
178
  background: var(--layout-sider-menuitem-active-background,@_layout-sider-menuitem-active-background);
170
- color: var(--layout-sider-menu-active-color ,@_layout-sider-menu-active-color);
179
+ color: var(--layout-sider-menuitem-active-color ,@_layout-sider-menuitem-active-color);
180
+ &:hover{
181
+ background: var(--layout-sider-submenu-hover-background,@_layout-sider-submenu-hover-background);
182
+ color: var(--layout-sider-submenu-hover-color ,@_layout-sider-submenu-hover-color);
183
+ }
171
184
  }
172
185
  }
173
186
  }
174
187
  .other-menu{
175
188
  background: var(--layout-sider-background,@_layout-sider-background);
176
- color: var(--layout-sider-menu-color ,@_layout-sider-menu-color);
189
+ color: var(--layout-sider-submenu-color ,@_layout-sider-submenu-color);
177
190
  .other-menu-item{
178
191
  &:hover {
179
- background: var(--layout-sider-menuitem-active-background,@_layout-sider-menuitem-active-background);
180
- color: var(--layout-sider-menu-active-color,@_layout-sider-menu-active-color);
192
+ background: var(--layout-sider-menuitem-hover-background,@_layout-sider-menuitem-hover-background);
193
+ color: var(--layout-sider-menuitem-hover-color,@_layout-sider-menuitem-hover-color);
181
194
  }
182
195
  }
183
196
  }