123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- .process-panel__container {
- box-sizing: border-box;
- padding: 0 8px;
- border-left: 1px solid #eeeeee;
- box-shadow: 0 0 8px #cccccc;
- max-height: 100%;
- overflow-y: scroll;
- }
- .panel-tab__title {
- font-weight: 600;
- padding: 0 8px;
- font-size: 1.1em;
- line-height: 1.2em;
- i {
- margin-right: 8px;
- font-size: 1.2em;
- }
- }
- .panel-tab__content {
- width: 100%;
- box-sizing: border-box;
- border-top: 1px solid #eeeeee;
- padding: 8px 16px;
- .panel-tab__content--title {
- display: flex;
- justify-content: space-between;
- padding-bottom: 8px;
- span {
- flex: 1;
- text-align: left;
- }
- }
- }
- .element-property {
- width: 100%;
- display: flex;
- align-items: flex-start;
- margin: 8px 0;
- .element-property__label {
- display: block;
- width: 90px;
- text-align: right;
- overflow: hidden;
- padding-right: 12px;
- line-height: 32px;
- font-size: 14px;
- box-sizing: border-box;
- }
- .element-property__value {
- flex: 1;
- line-height: 32px;
- }
- .el-form-item {
- width: 100%;
- margin-bottom: 0;
- padding-bottom: 18px;
- }
- }
- .list-property {
- flex-direction: column;
- .element-listener-item {
- width: 100%;
- display: inline-grid;
- grid-template-columns: 16px auto 32px 32px;
- grid-column-gap: 8px;
- }
- .element-listener-item + .element-listener-item {
- margin-top: 8px;
- }
- }
- .listener-filed__title {
- display: inline-flex;
- width: 100%;
- justify-content: space-between;
- align-items: center;
- margin-top: 0;
- span {
- // width: 200px;
- text-align: left;
- font-size: 14px;
- }
- i {
- margin-right: 8px;
- }
- }
- .element-drawer__button {
- margin-top: 8px;
- width: 100%;
- display: inline-flex;
- justify-content: space-around;
- }
- .element-drawer__button > .el-button {
- width: 100%;
- }
- .el-collapse-item__content {
- padding-bottom: 0;
- }
- .el-input.is-disabled .el-input__inner {
- color: #999999;
- }
- .el-form-item.el-form-item--mini {
- margin-bottom: 0;
- & + .el-form-item {
- margin-top: 16px;
- }
- }
|