igniteui-webcomponents
igniteui-webcomponents copied to clipboard
refactor(nav-drawer): update themes
closes #1152
Comments are still not resolved.
In Light Fluent theme, the icon of the item should be primary-500, when idle, now it's primary-700
Are we going to implement the sizes of the mini navdrawer? I suggest putting a min-width on it that is the size of the smallest one (fluent) and it will grow according to the padding and icon size.
The border of the navdrawer is all around only in fluent. All other themes have a border only on the inline-end side.
Bootstrap:
- Border should be inside. The total width of the mini should be 88px.
- The total width of the default one should be 240px (including the border).
- Background color on hover should be grays.200 80% in dark mode.
Material
The border should be inside. The total width of the mini should be 56px. The total width of the default one should be 240px (including the border).
Fluent
- For both light and dark modes, default open and mini variants the border of the whole component should be positioned inside. Now, it is outside and the width of the whole component grows with a couple of pixels. For the open default nav drawer the width should be 240px (+ border) and 40px (+ border) width for the mini variant .
Indigo
- The nav drawer should have 8px padding on all sides