fe-drone-ci/src/styles/sidebar.scss

77 lines
1.6 KiB
SCSS
Raw Normal View History

2017-11-06 05:52:13 +00:00
#app {
2017-11-02 09:58:35 +00:00
// 主体区域
2017-11-02 07:51:29 +00:00
.main-container {
2017-11-02 09:58:35 +00:00
min-height: 100%;
transition: margin-left .28s;
2017-11-02 09:58:35 +00:00
margin-left: 180px;
}
// 侧边栏
2017-11-02 09:58:35 +00:00
.sidebar-container {
.horizontal-collapse-transition {
transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}
transition: width .28s;
width: 180px !important;
2017-11-02 09:58:35 +00:00
height: 100%;
position: fixed;
font-size: 0px;
2017-11-02 09:58:35 +00:00
top: 0;
bottom: 0;
left: 0;
z-index: 1001;
overflow: hidden;
2017-11-06 07:24:04 +00:00
a {
display: inline-block;
width: 100%;
2017-11-02 09:58:35 +00:00
}
2017-11-06 07:24:04 +00:00
.svg-icon {
margin-right: 16px;
}
.el-menu {
border: none;
width: 100% !important;
2017-07-24 06:41:02 +00:00
}
}
2017-11-06 07:24:04 +00:00
.hideSidebar {
.sidebar-container {
width: 36px !important;
2017-11-02 09:58:35 +00:00
}
2017-11-06 07:24:04 +00:00
.main-container {
margin-left: 36px;
}
.submenu-title-noDropdown {
padding-left: 10px !important;
2017-11-06 07:24:04 +00:00
position: relative;
.el-tooltip {
padding: 0 10px !important;
2017-11-06 07:24:04 +00:00
}
}
.el-submenu {
&>.el-submenu__title {
padding-left: 10px !important;
2017-11-06 07:24:04 +00:00
&>span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block;
2017-11-06 07:24:04 +00:00
}
.el-submenu__icon-arrow {
display: none;
}
}
2017-11-02 09:58:35 +00:00
}
}
.sidebar-container .nest-menu .el-submenu > .el-submenu__title,
2018-05-02 02:29:21 +00:00
.sidebar-container .el-submenu .el-menu-item {
min-width: 180px !important;
background-color: $subMenuBg !important;
2017-11-02 09:58:35 +00:00
&:hover {
background-color: $menuHover !important;
2017-11-02 09:58:35 +00:00
}
2017-11-02 07:51:29 +00:00
}
.el-menu--collapse .el-menu .el-submenu {
min-width: 180px !important;
2017-11-21 02:14:20 +00:00
}
2017-07-24 06:41:02 +00:00
}