refine css

This commit is contained in:
Pan 2017-07-28 14:19:48 +08:00 committed by 花裤衩
parent dd9ef5145d
commit d78b49803d
3 changed files with 13 additions and 18 deletions

View File

@ -17,7 +17,7 @@
"codemirror": "5.26.0", "codemirror": "5.26.0",
"dropzone": "5.1.0", "dropzone": "5.1.0",
"echarts": "3.6.1", "echarts": "3.6.1",
"element-ui": "1.4.0", "element-ui": "1.4.1",
"file-saver": "1.3.3", "file-saver": "1.3.3",
"jquery": "3.1.1", "jquery": "3.1.1",
"js-cookie": "2.1.4", "js-cookie": "2.1.4",

View File

@ -11,6 +11,11 @@
margin-right: 0; margin-right: 0;
} }
.hideSidebar .el-submenu>.el-submenu__title,
.hideSidebar .submenu-title-noDropdown {
padding-left: 10px!important;
}
.hideSidebar .submenu-title-noDropdown span, .hideSidebar .submenu-title-noDropdown span,
.hideSidebar .el-submenu>.el-submenu__title span { .hideSidebar .el-submenu>.el-submenu__title span {
height: 0; height: 0;
@ -22,6 +27,7 @@
.hideSidebar .nest-menu .el-submenu__title { .hideSidebar .nest-menu .el-submenu__title {
text-align: initial!important; text-align: initial!important;
padding-left: 20px!important;
span { span {
height: auto; height: auto;
width: auto; width: auto;
@ -69,4 +75,3 @@
.el-submenu .el-menu-item { .el-submenu .el-menu-item {
min-width: 180px!important; min-width: 180px!important;
} }

View File

@ -35,35 +35,25 @@
width: 100%; width: 100%;
&.hideSidebar { &.hideSidebar {
.sidebar-container{ .sidebar-container{
width:56px; width:36px;
} }
.main-container { .main-container {
margin-left: 56px; margin-left: 36px;
} }
// .sidebar-wrapper {
// transform: translate(-140px, 0);
// .sidebar-container {
// transform: translate(132px, 0);
// }
// &:hover {
// transform: translate(0, 0);
// .sidebar-container {
// transform: translate(0, 0);
// }
// }
// }
} }
.sidebar-container { .sidebar-container {
transition: all .28s ease-out; transition: all .28s ease-out;
width: 180px; width: 180px;
height: 1000px; height: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 1001; z-index: 1001;
background: red; background: red;
// overflow-y: auto;
&::-webkit-scrollbar {display:none}
} }
.main-container { .main-container {
min-height: 100%; min-height: 100%;