product-inventory-management.git

			@@ -1,15 +1,14 @@
			#app {

			.main-container {
			min-height: 100%;
			transition: margin-left .28s;
			transition: margin-left 0.28s;
			margin-left: $base-sidebar-width;
			position: relative;
			background: #F5F7FB;
			background: #f5f7fb;
			}

			.sidebarHide {
			margin-left: 0!important;
			margin-left: 0 !important;
			}

			.sidebar-container {
			@@ -23,12 +22,13 @@
			left: 0;
			z-index: 1001;
			overflow: hidden;
			-webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
			-webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
			box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);

			// reset element-ui css
			.horizontal-collapse-transition {
			transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
			transition: 0s width ease-in-out, 0s padding-left ease-in-out,
			0s padding-right ease-in-out;
			}

			.scrollbar-wrapper {
			@@ -69,7 +69,8 @@
			width: 100% !important;
			}

			.el-menu-item, .menu-title {
			.el-menu-item,
			.menu-title {
			overflow: hidden !important;
			text-overflow: ellipsis !important;
			white-space: nowrap !important;
			@@ -83,31 +84,31 @@
			.sub-menu-title-noDropdown,
			.el-sub-menu__title {
			&:hover {
			background-color: rgba(212,221,255,0.56) !important;
			background-color: rgba(212, 221, 255, 0.8) !important;
			}
			}
			& .theme-light .is-active > .el-sub-menu__title {
			color: #000000 !important;
			color: #fff !important;
			}

			& .nest-menu .el-sub-menu>.el-sub-menu__title,
			& .nest-menu .el-sub-menu > .el-sub-menu__title,
			& .el-sub-menu .el-menu-item {
			min-width: $base-sidebar-width !important;

			&:hover {
			background-color: rgba(212,221,255,0.56) !important;
			background-color: rgba(212, 221, 255, 0.8) !important;
			}
			&.is-active {
			background-color: rgba(212,221,255,0.56) !important;
			background-color: #fff !important;
			}
			}

			& .theme-light .nest-menu .el-sub-menu>.el-sub-menu__title,
			& .theme-light .nest-menu .el-sub-menu > .el-sub-menu__title,
			& .theme-light .el-sub-menu .el-menu-item {
			//background-color: transparent;

			&:hover {
			background-color: rgba(212,221,255,0.56) !important;
			background-color: rgba(212, 221, 255, 0.8) !important;
			}
			}
			}
			@@ -136,27 +137,26 @@
			.el-sub-menu {
			overflow: hidden;

			&>.el-sub-menu__title {
			& > .el-sub-menu__title {
			padding: 0 !important;

			.svg-icon {
			margin-left: 20px;
			}

			}
			}

			.el-menu--collapse {
			.el-sub-menu {
			&>.el-sub-menu__title {
			&>span {
			& > .el-sub-menu__title {
			& > span {
			height: 0;
			width: 0;
			overflow: hidden;
			visibility: hidden;
			display: inline-block;
			}
			&>i {
			& > i {
			height: 0;
			width: 0;
			overflow: hidden;
			@@ -179,7 +179,7 @@
			}

			.sidebar-container {
			transition: transform .28s;
			transition: transform 0.28s;
			width: $base-sidebar-width !important;
			}

			@@ -193,7 +193,6 @@
			}

			.withoutAnimation {

			.main-container,
			.sidebar-container {
			transition: none;
			@@ -203,25 +202,25 @@

			// when menu collapsed
			.el-menu--vertical {
			&>.el-menu {
			& > .el-menu {
			.svg-icon {
			margin-right: 16px;
			}
			}

			.nest-menu .el-sub-menu>.el-sub-menu__title,
			.nest-menu .el-sub-menu > .el-sub-menu__title,
			.el-menu-item {
			&:hover {
			// you can use $sub-menuHover
			background-color: rgba(212,221,255,0.56) !important;
			background-color: rgba(212, 221, 255, 0.56) !important;
			}
			&.is-active {
			background-color: rgba(212,221,255,0.56) !important;
			background-color: rgba(212, 221, 255, 0.56) !important;
			}
			}

			// the scroll bar appears when the sub-menu is too long
			>.el-menu--popup {
			> .el-menu--popup {
			max-height: 100vh;
			overflow-y: auto;