myprint-design
Version:
操作简单，组件丰富的一站式打印解决方案打印设计器
1 lines • 4.44 kB
CSS
.history-list{font-size:13px}.history-list .currentHistory{color:#fff;padding-left:3px;background:var(--drag-h-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-list .history-list-item{color:grey;padding-left:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-list .history-line-wrapper{display:flex;flex:1}.history-list .history-line-wrapper .prefix{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:-3px}.printer-panel{padding:20px;height:calc(100% - 100px)}.my-element-setting-choose-img{margin-left:30px}.divider-setting-layout .my-divider__text{align-items:center;display:flex}.divider-setting-layout .my-divider__text .divider-setting-layout-lock{padding-left:4px;padding-right:4px;margin-left:5px;border:1px gray dashed;box-sizing:border-box}.divider-setting-layout .my-divider__text .divider-setting-layout-lock.active{color:#fff;background:var(--drag-h-color)}.setting-wh-lock{height:24px;display:flex;align-items:center;padding-left:4px;padding-right:4px;border:1px gray dashed;box-sizing:border-box}.setting-wh-lock.active{color:#fff;background:var(--drag-h-color)}.setting-body{width:800px;height:500px}.setting-body .setting-menu{width:170px;background:#f8f8f8}.setting-body .setting-menu .setting-menu-title{height:60px;padding-left:30px;line-height:60px;font-weight:600;font-size:16px;color:#2b2b2b}.setting-body .setting-menu .setting-item-item{padding-left:30px;align-items:center;height:36px;cursor:pointer}.setting-body .setting-menu .setting-item-item .setting-item-item-title{font-weight:400;font-size:12px;padding-left:13px}.setting-body .setting-menu .setting-item-item-active{padding-left:26px;box-sizing:border-box;background-color:#f2f2f2;border-left:4px solid var(--drag-h-color);color:var(--drag-h-color)}.setting-body .setting-panel{flex:1}.setting-body .setting-panel .setting-panel-header{height:60px;padding:0 37px;background:#fff;box-sizing:border-box;border-bottom:1px solid #e9e9e9;align-items:center;justify-content:space-between}.setting-body .setting-panel .setting-panel-header .setting-panel-header-title{font:inherit;font-weight:600;font-size:14px;color:#2b2b2b}.setting-body .setting-panel .setting-panel-header .setting-panel-header-close{width:24px}.printer-panel{padding:20px;height:calc(100% - 100px)}.printer-panel .printer-status-icon{border-radius:10px}.printer-panel .printer-status-icon-normal{color:#0ec300}.printer-panel .printer-status-icon-error{color:#8b0000}.content-scale{width:260px;height:40px;position:absolute;right:20px;bottom:7px}.content-scale .scale-preview{position:absolute;bottom:50px;width:100%;height:162px;background:#edeef3;border-radius:8px;box-shadow:0 6px 20px rgba(25,25,26,.06),0 2px 12px rgba(25,25,26,.04);border:1px #fff solid;box-sizing:border-box}.content-scale .scale-preview .scale-design-content{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;position:absolute;background:#fff;scale:0;box-shadow:0 6px 20px rgba(25,25,26,.06),0 2px 12px rgba(25,25,26,.04);cursor:move}.content-scale .scale-preview .viewport{pointer-events:none;border:2px solid #ee3846;box-sizing:border-box;border-radius:5px;position:absolute;opacity:.8}.mini-map-toolbar{position:absolute;bottom:0;width:100%;height:40px;border-radius:8px;box-shadow:0 6px 20px rgba(25,25,26,.06),0 2px 12px rgba(25,25,26,.04)}.mini-map-toolbar .mini-map-toolbar_redo-undo{background:#fff;margin-right:10px;border-radius:8px;align-items:center;width:100px;box-shadow:0 6px 20px rgba(25,25,26,.06),0 2px 12px rgba(25,25,26,.04);border:1px solid rgba(18,17,42,.07)}.mini-map-toolbar .mini-map-toolbar_control{background:#fff;border-radius:8px;width:100%;box-shadow:0 6px 20px rgba(25,25,26,.06),0 2px 12px rgba(25,25,26,.04);border:1px solid rgba(18,17,42,.07)}.mini-map-toolbar .mini-map-toolbar_control .mini-map-toolbar_control_scale{align-items:center}.mini-map-toolbar .mini-map-toolbar_control .mini-map-toolbar_control_ratio{text-align:center;width:40px;align-items:center;font-weight:600;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mini-map-toolbar .mini-map-toolbar-icon{font-size:20px;height:32px;width:32px;margin:2px;display:inline-block;cursor:pointer;line-height:32px;overflow:hidden;border-radius:3px;text-align:center}.mini-map-toolbar .mini-map-toolbar-icon:hover:not(.my-icon-disabled){background:var(--drag-h-color)}