@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 6.58 kB
CSS
.f-page-events-editor-command-source{background-color:#fff;z-index:2001;width:100%;border:2px solid #e7eced;box-shadow:0 1px 18px #e8ebf3;min-width:220px;border-radius:10px;position:relative;height:410px;padding:10px 10px 0;display:flex;flex-direction:column}.f-page-events-editor-command-source:before{content:"";width:0;height:0;position:absolute;right:54px;bottom:407px;border-width:7px;border-style:solid;border-color:transparent transparent #e2e5e6}.f-page-events-editor-command-source:after{content:"";width:0;height:0;position:absolute;right:54px;bottom:405px;border-width:7px;border-style:solid dashed dashed;border-color:transparent transparent #ffffff}.f-page-command-source-choice{overflow-x:hidden;overflow-y:scroll;padding:5px 0;border-radius:3px;min-width:200px;flex:2 2 0}.f-page-events-editor-switch{background:#eff5ff;border-radius:10px;margin:10px;min-width:200px;height:32px;display:flex;text-align:center}.namelist{font-family:PingFangSC-Regular;font-size:14px;color:#446a9fd9;line-height:16px;margin:8px 13px;flex-grow:1;cursor:pointer}.namelist-focus{opacity:.6;font-family:PingFangSC-Regular;font-size:14px;line-height:16px;color:#226eff;height:32px;padding:8px 16px;flex-grow:1;background:#ffffffe6;box-shadow:0 4px 18px #024bc133;border-radius:10px;cursor:pointer}.f-page-internals-new-command{margin:0 2px 0 13px}.f-page-internals-new-command-func1,.f-page-internals-new-command-func2,.f-page-internals-new-command-func3{display:flex;margin:4px 1px}.f-function-class{margin:0 0 0 5px;font-family:PingFangSC-Regular;color:#4f6b9d;cursor:pointer;width:65px;font-size:13px;color:#308aff;line-height:26px;font-weight:400;flex:10}.f-page-internals-close{font-family:PingFangSC-Regular;font-size:13px;margin:7.75px 10px;color:#6d7278;cursor:pointer;display:block;color:#425159;font-weight:400;text-align:center}.f-command-breakline{color:#b4bccc;margin:2px;overflow:hidden;white-space:nowrap;text-overflow:clip;height:10px}.f-page-internals-controller{padding-right:16px}.f-page-internals-controller-name{padding-left:2px;font-family:PingFangSC-Regular;font-size:13px;color:#b4bccc;height:20px;overflow:hidden;text-overflow:clip;white-space:nowrap}.f-page-internals-command{padding-left:16px;border-radius:6px}.f-page-internals-command:hover{background-color:#348eff;cursor:pointer}.f-page-internals-command-name{font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px}.f-page-internals-command-name:hover{color:#fff}.f-page-parameter-editor{background:#fff;border-radius:4px}.f-page-parameter-editor-group{margin:0 12px;background:#fff;border-radius:4px;width:95%}.f-parameter-tooltip-class{background-color:#878d99;width:100px}.f-page-parameter-editor-first-row{padding:5px 5px 0;width:100%;display:flex;background-color:#fff;justify-content:space-between}.f-page-parameter-editor-command-name{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;display:inline-block;margin:7px 0 7px 12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.f-page-parameter-editor-first-row-icon{margin-left:5px;margin-right:5px;height:25px;background-color:#fff;float:right;margin-top:8px}.f-page-parameter-editor-parameter-name{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;padding:8px 0 4px 9px}.f-page-parameter-editor-row2{padding:0 8px 8px}.f-page-parameter-editor-input{border:1px solid rgb(224,223,223)}.f-page-parameter-editor-row3{margin:5px}.f-page-parameter-editor-row3-cancel{margin-left:5px;height:25px}.f-page-parameter-editor-row3-save{margin-left:35px;height:25px}.f-icon.f-icon-yxs_delete:hover{color:#2a75ee}.f-icon.f-icon-yxs_delete{color:#a7b0bb}.f-icon.f-icon-edit-button:hover{color:#2a75ee;cursor:pointer}.f-icon.f-icon-edit-button{color:#a7b0bb}.f-page-parameter-editor-btn{height:35px;width:100%}.btn-finish{height:25px;margin-right:10px;float:right;width:40px;padding:3px 5px;border:1px solid #e5e7e9;font-size:12px;color:#5a8cff;box-shadow:0 2px 3px #1f23290f;border-radius:3px;margin-top:5px;text-align:center}.btn-finish:hover{cursor:pointer;border:1px solid #5a8cff}.f-page-parameter-editor-targetComponent{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;margin:0 0 2px 8px}.f-page-parameter-editor-targetComponent-topic{padding:3px 0}.f-page-parameter-editor-targetComponent-dropdown{padding:0 8px 0 0}.f-page-events-editor{display:-webkit-box;position:relative}.f-page-events-popover{position:absolute;top:0;width:100%;z-index:2000;background-color:#0000;opacity:0;height:calc(100vh - 50px)}.f-page-events-editor-content{width:100%;min-width:200px;background-color:#fff}.f-page-events-editor-events{width:98%;max-height:136px;background:#fff;box-shadow:0 2px 10px #00000026;border-color:#6ca0f5;border-radius:4px;margin-left:2px;padding:8px 0 2px;overflow:scroll;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep button:focus{outline:unset}.f-page-events-editor-top-button{background-color:#fff}.f-page-events-editor-top-button:focus{background-color:#f3f7ff}.f-page-events-editor-first-bound-event{height:24px;font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px;font-weight:400;padding-left:5px;margin-left:10px}.f-page-events-editor-first-bound-event:hover{background-color:#348eff}.f-page-events-editor-bound-event{border:1px solid #e8ebf3;width:100%;height:28px;background:#fff;margin-top:10px}.f-page-events-editor-first-bound-event-name{font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px}.f-page-events-editor-first-bound-event-name:hover{color:#fff}.f-page-events-editor-button{margin:5px 0 0;padding:0;width:100%;border:#fff;height:26px;cursor:pointer;background-image:linear-gradient(-51deg,#328bff,#2a87ff);box-shadow:0 4px 10px #4590ff40;border-radius:6px}.f-page-events-editor-button:focus{outline:none}.f-page-events-editor-text{font-family:PingFangSC-Regular;font-size:13px;color:#fff;text-align:center}.f-page-events-editor-bound-event-name{margin:5px 5px 5px 12px}.f-page-events-editor-bound-event-name{margin:5px 5px 5px 12px;display:inline-block;font-family:PingFangSC-Regular;font-size:13px;color:#6ca1ff}:host ::ng-deep .mb-3{margin-bottom:0}.f-icon.f-icon-arrow-chevron-down:hover,.f-icon.f-icon-arrow-chevron-left:hover,.f-icon.f-icon-yxs_delete:hover,.f-icon.f-icon-home-add:hover{color:#2a75ee;cursor:pointer}.f-icon.f-icon-yxs_delete,.f-icon.f-icon-home-add{color:#a7b0bb}.f-page-events-editor-save-all{width:240px;height:40px}.f-page-events-editor-save-all-button{margin:10px 10px 3px 178px;background:#6ca0f5;border-radius:4px;width:50px;border:1px transparent}