Showing
3 changed files
with
21 additions
and
6 deletions
| @@ -19,12 +19,9 @@ | @@ -19,12 +19,9 @@ | ||
| 19 | height: 14px; | 19 | height: 14px; |
| 20 | font-size: 14px; | 20 | font-size: 14px; |
| 21 | line-height: 14px; | 21 | line-height: 14px; |
| 22 | - // color: @N7; | ||
| 23 | margin-right: 4px; | 22 | margin-right: 4px; |
| 24 | - display: inline-block; | ||
| 25 | border-radius: 50%; | 23 | border-radius: 50%; |
| 26 | overflow: hidden; | 24 | overflow: hidden; |
| 27 | - // border: 1px solid @N6; | ||
| 28 | display: flex; | 25 | display: flex; |
| 29 | align-items: center; | 26 | align-items: center; |
| 30 | justify-content: center; | 27 | justify-content: center; |
| @@ -74,7 +71,7 @@ | @@ -74,7 +71,7 @@ | ||
| 74 | } | 71 | } |
| 75 | 72 | ||
| 76 | &__group { | 73 | &__group { |
| 77 | - padding: 0 0 0px 32px !important; | 74 | + padding: 0 0 0 32px !important; |
| 78 | 75 | ||
| 79 | &:hover { | 76 | &:hover { |
| 80 | background-color: transparent; | 77 | background-color: transparent; |
| @@ -111,6 +108,13 @@ | @@ -111,6 +108,13 @@ | ||
| 111 | &.disabled { | 108 | &.disabled { |
| 112 | pointer-events: none; | 109 | pointer-events: none; |
| 113 | cursor: not-allowed; | 110 | cursor: not-allowed; |
| 111 | + color: @N5; | ||
| 112 | + background-color: @N2; | ||
| 113 | + box-shadow: none; | ||
| 114 | + | ||
| 115 | + .qx-node-select-input__content { | ||
| 116 | + color: @N6; | ||
| 117 | + } | ||
| 114 | } | 118 | } |
| 115 | 119 | ||
| 116 | &:hover { | 120 | &:hover { |
| @@ -22,11 +22,11 @@ export default () => { | @@ -22,11 +22,11 @@ export default () => { | ||
| 22 | return ( | 22 | return ( |
| 23 | <Form | 23 | <Form |
| 24 | initialValues={{ | 24 | initialValues={{ |
| 25 | - field: '' | 25 | + field: '${40e5975ebf6b4afb9a9fe162d7f7227f|1bb1b69f3e3249048c77509eb8dc2d53}' |
| 26 | }} | 26 | }} |
| 27 | > | 27 | > |
| 28 | <Form.Item name="field"> | 28 | <Form.Item name="field"> |
| 29 | - <QxFlowNodeFieldSelector limitTypes={['FORM']} node={node} nodes={nodes} subset={false}/> | 29 | + <QxFlowNodeFieldSelector disabled limitTypes={['FORM']} node={node} nodes={nodes} subset={false}/> |
| 30 | </Form.Item> | 30 | </Form.Item> |
| 31 | </Form> | 31 | </Form> |
| 32 | ); | 32 | ); |
| @@ -40,6 +40,17 @@ | @@ -40,6 +40,17 @@ | ||
| 40 | } | 40 | } |
| 41 | } | 41 | } |
| 42 | 42 | ||
| 43 | + .ant-select-disabled { | ||
| 44 | + .ant-select-selector .ant-select-selection-item, | ||
| 45 | + .ant-select-dropdown .ant-select-item-option-content { | ||
| 46 | + color: @N5; | ||
| 47 | + | ||
| 48 | + .anticon { | ||
| 49 | + color: @N5; | ||
| 50 | + } | ||
| 51 | + } | ||
| 52 | + } | ||
| 53 | + | ||
| 43 | 54 | ||
| 44 | .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { | 55 | .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { |
| 45 | font-weight: 400; | 56 | font-weight: 400; |