aos-element/packages/theme-chalk/lib/aos-flow-history.css

A Component Library for Vue.js.

.aos-flow-history,.aos-flow-history .radio{-webkit-box-sizing:border-box;width:100%;background:#fff}.aos-flow-history{padding:20px;box-sizing:border-box}.aos-flow-history .radio{padding:20px 0;box-sizing:border-box}.aos-flow-history__comment{margin:0 0 0 10px}.aos-flow-history__showClaim{margin-left:10px}.aos-flow-history .appro{width:100%;min-height:100px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.aos-flow-history .appro .title{width:68px}.aos-flow-history .appro .title span{display:block;text-align:right;color:#8a878a}.aos-flow-history .appro .icon{width:20px;position:absolute;height:100%;top:3px;left:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-items:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.aos-flow-history .appro .icon .icon-round{width:16px;height:16px;background:#dee1e7;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.aos-flow-history .appro .icon .icon-round i{color:#409eff}.aos-flow-history .appro .icon .icon-line{position:absolute;width:1px;height:100%;top:16px;left:6px;background-color:#F2F2F2}.aos-flow-history .appro .result{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:46px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.aos-flow-history .appro .result .result-title .title{font-size:16px;font-weight:600;margin-right:10px}.aos-flow-history .appro .result .result-text{margin-top:14px}.aos-flow-history .appro .result .result-text .name{font-size:14px}.aos-flow-history .appro .result .result-text .branch{margin-left:8px;color:#909399}.aos-flow-history .appro .result .result-text .time{margin-left:8%;color:#909399}.aos-flow-history .appro .result .result-message{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;width:100%;background:#fff;margin-bottom:10px}.aos-flow-history .appro .result .result-message__container{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12px 9px 10px 16px;font-size:13px;background:#F8F9FB;border-radius:0 8px 8px;margin-bottom:8px}.aos-flow-history__file{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.aos-flow-history__file-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:20px;position:relative}.aos-flow-history__file-item-container{margin-right:28px;margin-bottom:20px}.aos-flow-history__file-item-button{color:#409EFF}.aos-flow-history__file-item-body{position:relative;width:140px;height:104px}.aos-flow-history__file-item-body .el-upload,.aos-flow-history__file-item-body .el-upload .el-upload-dragger{width:100%;height:100%}.aos-flow-history__file-item-body .el-upload .el-upload-dragger .el-icon-upload{font-size:40px;line-height:1.5;margin:0}.aos-flow-history__file-item-body .el-upload .el-upload-dragger .el-upload__text{font-size:12px}.aos-flow-history__file-item-detail{width:140px;height:104px;border:1px solid #ECECEC;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-y:hidden}.aos-flow-history__file-item-detail>img{width:100%}.aos-flow-history__file-item-detail--checked{border:1px solid #FF3B30}.aos-flow-history__file-item-name{width:140px;margin-top:10px;font-size:12px;color:#666;word-break:break-all;height:64px}.aos-flow-history__file-item-check{position:absolute;top:-1px;left:0}.aos-flow-history__file-item-operation{display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;right:0;height:26px;bottom:0;background-color:#020202;opacity:.38;padding:0 26px;color:#fff}.aos-flow-history__file-item-operation-delete,.aos-flow-history__file-item-operation-download{color:#fff;cursor:pointer}.aos-flow-history__file-item-body:hover .aos-flow-history__file-item-operation{display:-webkit-box;display:-ms-flexbox;display:flex}.aos-flow-history__message{color:#227FB3;line-height:21px;font-size:500}.aos-flow-history__drawer-add{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.aos-img-viewer-container{width:800px;height:800px;position:fixed;top:0;bottom:0;left:400px;right:0}