vue-django/src/base.css

个人实验项目, 本框架的目标是借鉴并超越django admin的自动化思想, 实现UI前端的极简快速定制开发

.flex-right {
    display: flex;
    justify-content: flex-end;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.hover-show {
    visibility: hidden;
}

.mobile_mode .hover-show {
    visibility: visible;
}

.el-table__row:hover .hover-show, .el-tree-node__content:hover .hover-show {
    visibility: visible;
    cursor: pointer;
    /*font-size: 18px;*/
}

.hover-show__parent:hover .hover-show {
    visibility: visible;
}

.table-row-actions .fa {
    /*margin: 10px 0;*/
    /*display: block;*/
}

.hide-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    word-break: break-all; /* 内容自动换行 */
}

.el-drawer__body {
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    /*padding: 20px; // According to the situation*/
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both
}

.el-dropdown-menu__item[type="danger"],.el-dropdown-menu__item[type="danger"]:hover {
    color: #F56C6C;
}
.el-dropdown-menu__item[type="warning"],.el-dropdown-menu__item[type="warning"]:hover {
    color: #E6A23C;
}