﻿/* Start
添加审批表单文本内容框样式
如果需要，就徐晓注释
 */
/* .form-text {
    background-color: #F5F7FA;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    box-sizing: border-box;
    display: inline-block;
    font-size: 13px !important;
    -webkit-text-fill-color: #606266;
    height: 32px;
    line-height: 32px;
    padding: 0 11px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
}

.form-textarea {
    background-color: #F5F7FA !important;
    display: block;
    resize: vertical;
    padding: 5px 11px;
    line-height: 1.5;
    min-height: 32px;
    box-sizing: border-box;
    width: 100%;
    font-size: 13px !important;
    color: #606266;
    background-color: #FFF;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal;
    height: auto;
} */

/* 添加审批表单文本内容框样式 End */


/************* 修复el-col 字段隐藏 占据空间的问题 ******************/
/* 当 el-col 内部的 fm-form-item 为空时（未渲染，被隐藏），el-col不占据空间 */
/*.formBody .el-col:has(.fm-form-item:empty) {
    display: none !important;
}*/

/* 兼容不支持:has()的浏览器，使用 flex 布局来隐藏空元素 */
/*.formBody .el-row .el-col .fm-form-item:empty {
    display: none;
}

.formBody .el-row .el-col:not(:has(*:not(.fm-form-item))) .fm-form-item:empty {
    display: none;
}*/

/* 当 fm-form-item 为空时，让父级 el-col 不占据宽度 */
/*.formBody .el-row .el-col:has(.fm-form-item:empty) {
    flex: 0 0 0% !important;
    max-width: 0% !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}*/

/************* 修复el-col 字段隐藏 占据空间的问题 ******************/