// cover some element-ui styles
|
|
.el-breadcrumb__inner,
|
.el-breadcrumb__inner a {
|
font-weight: 400 !important;
|
}
|
|
.el-upload {
|
input[type="file"] {
|
display: none !important;
|
}
|
}
|
|
.el-upload__input {
|
display: none;
|
|
}
|
|
|
// to fixed https://github.com/ElemeFE/element/issues/2461
|
.el-dialog {
|
transform: none;
|
left: 0;
|
position: relative;
|
margin: 0 auto;
|
}
|
|
// refine element ui upload
|
.upload-container {
|
.el-upload {
|
width: 100%;
|
|
.el-upload-dragger {
|
width: 100%;
|
height: 200px;
|
}
|
}
|
}
|
|
// dropdown
|
.el-dropdown-menu {
|
a {
|
display: block
|
}
|
}
|
|
|
// to fix el-date-picker css style
|
.el-range-separator {
|
box-sizing: content-box;
|
}
|
|
|
.el-pagination{
|
// 全局修改分页器的样式
|
>span,>button{
|
margin: 0 4px;
|
}
|
>button{
|
border: 1px solid #DCDFE6;
|
border-radius: 3px;
|
// padding: 0px 6px;
|
padding: 0px;
|
}
|
>ul li{
|
border: 1px solid #DCDFE6;
|
border-radius: 3px;
|
margin: 0 4px;
|
}
|
}
|
// 全局修改input框样式
|
.el-input input{
|
// height: 32px !important;
|
}
|
|
// 全局修改button
|
.el-button {
|
// height: 32px;
|
// box-sizing: border-box;
|
// font-size: 14px;
|
// padding: 0 20px;
|
}
|
|
|
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
|
color: #409EFF;
|
background: #ecf5ff;
|
border-color: #b3d8ff;
|
}
|
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
|
box-shadow: -0.00521rem 0 0 0 #b3d8ff;
|
}
|
|
.el-menu-item,.el-submenu{
|
width: 100px;
|
height: 100px !important;
|
line-height:normal;
|
display: flex;
|
align-items: center;
|
justify-content: center !important;
|
|
}
|
// .el-menu-popup{
|
// min-width: 100px !important;
|
// }
|
.el-menu--vertical{
|
max-width: 100px !important;
|
}
|
|
.el-menu--collapse .el-menu .el-submenu, .el-menu--popup {
|
min-width: 100px !important;
|
// background-color: #fff ;
|
}
|
.el-popover.el-popper{
|
min-width: 60px !important;
|
}
|
// //对应子级，父级的样式
|
// .el-submenu.is-active > .el-submenu__title {
|
// background: rgb(206, 169, 181) !important;
|
// }
|
// //当前选中子级的样式
|
// .is-active{
|
// background: red !important;
|
// }
|
