| .select-action-table-view { |
| .svg-icon-wrapper { |
| flex-direction: row; |
| .svg-icon { |
| &:not(.__plus) { |
| margin-left: 5px; |
| margin-right: 5px; |
| width: 16px; |
| height: 16px; |
| } |
| } |
| } |
| .dummy-icon { |
| background-color: $white; |
| fill: $white; |
| .locked { |
| fill: $white; |
| } |
| } |
| |
| .select-action-table-controllers { |
| display: flex; |
| .svg-icon-wrapper { |
| &:hover { |
| cursor: pointer; |
| } |
| &:first-child { |
| margin-left: auto; |
| } |
| } |
| } |
| .select-action-table { |
| display: flex; |
| flex-direction: column; |
| border-color: $light-gray; |
| |
| .select-action-table-headers { |
| display: flex; |
| background-color: $tlv-light-gray; |
| border-color: inherit; |
| .select-action-table-header { |
| @extend .body-1-semibold; |
| flex: 1; |
| border-top: 1px solid; |
| border-right: 1px solid; |
| border-color: inherit; |
| padding: 8px 0 7px 20px; |
| &:first-child { |
| border-left: 1px solid; |
| border-color: inherit; |
| } |
| } |
| } |
| .select-action-table-row-wrapper { |
| display: flex; |
| flex-direction: row; |
| margin-bottom: 14px; |
| .svg-icon-wrapper.hideDelete { |
| .svg-icon { |
| fill: $white; |
| } |
| } |
| .select-action-table-row { |
| display: flex; |
| flex: 1; |
| border: 1px solid; |
| border-color: $light-gray; |
| &.has-error { |
| border-color: $red; |
| } |
| |
| .select-action-table-cell { |
| flex: 1; |
| border-right: 1px solid; |
| border-color: $light-gray; |
| @extend .body-1; |
| .dropdown-multi-select { |
| .form-group { |
| .Select { |
| &.is-open { |
| border: 1px solid $blue; |
| } |
| } |
| } |
| } |
| .form-group { |
| margin: 0; |
| .Select-control { |
| height: 36px; |
| border: none; |
| .is-open { |
| border-left-color: $blue; |
| border-right-color: $blue; |
| } |
| .Select-value, |
| .Select-placeholder, |
| .Select-input { |
| padding-left: 20px; |
| padding-right: 50px; |
| padding-top: 4px; |
| } |
| .Select-placeholder { |
| color: $dark-gray; |
| } |
| .Select-arrow-zone { |
| padding-right: 15px; |
| } |
| } |
| } |
| &:last-child { |
| border-right: none; |
| } |
| } |
| .Select-menu-outer { |
| border-left: 1px solid $blue; |
| border-right: 1px solid $blue; |
| border-bottom: 1px solid $blue; |
| overflow: auto; |
| .Select-menu { |
| .Select-option { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| border-bottom: 1px solid $light-gray; |
| &:hover { |
| background-color: $blue; |
| color: $white; |
| &.is-focused { |
| background-color: $blue; |
| } |
| &.is-focused { |
| background-color: $blue; |
| } |
| } |
| &.is-selected { |
| background-color: transparent; |
| } |
| &.is-focused { |
| background-color: transparent; |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |