style lang="less"> .my-dialog.progress-dlg3 { .popup-project-introduction-min { transform: translateY(100px); } &.font-size-2 { .popup-project-introduction-details { .col-2 { font-size: 32px; line-height: 64px; .div-text { line-height: 64px; } } } } &.font-size-1 { .popup-project-introduction-details { .col-2 { font-size: 24px; line-height: 48px; .div-text { line-height: 48px; } } } } .font-size-tools { position: absolute; top: 18px; right: 400px; } .popup-project-introduction-details { padding: 0px; &:hover { .modify-btn { display: flex; } } .quality-table { padding: 0px; .prj-info-list { padding: 0px; } } .modify-btn { display: none; position: absolute; top: 450px; z-index: 100; cursor: pointer; padding: 0px; border-radius: 50%; width: 100px; height: 100px; align-items: center; justify-content: center; cursor: pointer; &:hover { background-color: rgba(255, 255, 255, 0.2); svg { * { fill: #fff; } } } &.btn-right { right: 20px; } &.btn-left { left: 20px; } } .col-2 { line-height: 30px; .div-text { line-height: 30px; } } } .head-title-select { width: 300px; padding-top: 0px; } }