| // Licensed under the Apache License, Version 2.0 (the "License"); you may not |
| // use this file except in compliance with the License. You may obtain a copy of |
| // the License at |
| // |
| // http://www.apache.org/licenses/LICENSE-2.0 |
| // |
| // Unless required by applicable law or agreed to in writing, software |
| // distributed under the License is distributed on an "AS IS" BASIS, WITHOUT |
| // WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the |
| // License for the specific language governing permissions and limitations under |
| // the License. |
| |
| @import "../../../../../assets/scss/variables"; |
| @import "../../../../../assets/scss/mixins"; |
| |
| $replication_input_field_width: 100%; |
| |
| div.replication__page { |
| padding: 1.5rem 1rem 1rem 1rem; |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| |
| div.container { |
| max-width: 800px; |
| } |
| } |
| |
| .replication__seperator { |
| margin: 6px 0 15px; |
| width: 100%; |
| } |
| |
| |
| .replication__clear-link { |
| padding: 12px; |
| font-size: 14px; |
| padding: 12px 24px 12px 24px; |
| } |
| |
| .replication__clear-link:focus, |
| .replication__clear-link:hover { |
| text-decoration: none; |
| } |
| |
| .replication__activity { |
| padding: 1rem; |
| padding-bottom: 50px; |
| width: 100%; |
| |
| > table { |
| margin-top:1rem; |
| } |
| } |
| |
| .replication__table-row { |
| font-size: 14px; |
| height: 50px; |
| } |
| |
| td.replication__table-col { |
| vertical-align: middle; |
| input[type="checkbox"] { |
| margin-left: 7px; |
| } |
| } |
| |
| .replication__table--selected { |
| color: $cf-brand-hightlight-hover; |
| } |
| |
| .replication__table-header-source { |
| width: 30%; |
| font-weight: bold; |
| cursor: pointer; |
| } |
| |
| .replication__table-header-target { |
| width: 30%; |
| font-weight: bold; |
| cursor: pointer; |
| } |
| |
| .replication__table-header-type { |
| font-weight: bold; |
| width: 9%; |
| cursor: pointer; |
| } |
| |
| .replication__table-header-status { |
| font-weight: bold; |
| width: 9%; |
| cursor: pointer; |
| } |
| |
| .replication__table-header-time { |
| font-weight: bold; |
| width: 13%; |
| cursor: pointer; |
| } |
| |
| .replication__table-header-actions { |
| font-weight: bold; |
| min-width: 8.5rem; |
| } |
| |
| td.replication__row-status { |
| text-transform: capitalize; |
| vertical-align: middle; |
| } |
| |
| .replication__row-status--completed { |
| color: $cf-success !important; |
| } |
| |
| .replication__row-status--error { |
| color: $cf-error !important; |
| } |
| |
| .replication__row-status--failed { |
| color: $cf-error !important; |
| } |
| |
| .replication__table-header-icon { |
| margin-left: 6px; |
| width: 16px; |
| } |
| |
| .replication__activity_header { |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| } |
| |
| .replication__activity_header-btn { |
| height: 42px; |
| } |
| |
| a.replication__activity_header-btn:active, |
| a.replication__activity_header-btn:visited { |
| color: $cf-white; |
| } |
| |
| .replication__table-bulk-select { |
| min-width: 74px; |
| height: 47px; |
| vertical-align: bottom; |
| } |
| |
| .replication__bulk-select-wrapper { |
| display: flex; |
| align-items: center; |
| margin-left: 7px; |
| min-height: 30px; |
| .replication__bulk-select-input { |
| font-size: 14px; |
| } |
| } |
| |
| .replication__bulk-select-header { |
| margin-right: 4px; |
| } |
| |
| input.replication__bulk-select-input[type="checkbox"] { |
| margin: 6px; |
| } |
| |
| .bulk-select-trash { |
| color: $cf-text-fonticon01; |
| border: 1px solid $cf-border-color01; |
| background-color: rgba(0, 0, 0, 0); |
| margin-left: 3px; |
| &:hover { |
| color: $cf-brand-hightlight-hover; |
| } |
| } |
| |
| .replication__row-btn { |
| font-size: 16px; |
| text-decoration: none; |
| cursor: pointer; |
| padding-right: 8px; |
| padding-left: 8px; |
| color: $cf-text01; |
| &:visited { |
| color: $cf-text01; |
| text-decoration: none; |
| } |
| &:hover { |
| color: $cf-brand-hightlight-hover; |
| text-decoration: none; |
| } |
| } |
| |
| .replication__row-btn--warning { |
| color: $cf-danger; |
| } |
| |
| .replication__filter-icon { |
| padding-right: 8px; |
| } |
| |
| button.replication__error-continue { |
| margin-left: 20px !important; //needed to override bootstrap |
| } |
| |
| .replication__error-cancel, |
| .replication__error-continue { |
| background-color: $cf-secondary; |
| color: $cf-white; |
| } |
| |
| .replication__error-cancel:hover, |
| .replication__error-continue:hover { |
| background-color: $cf-brand-hightlight-hover; |
| color: $cf-white; |
| } |
| |
| td.replication__empty-row { |
| text-align: center; |
| } |
| |
| .replication__activity-caveat { |
| margin-bottom: 1.5rem; |
| } |
| |
| .replication__actions > button { |
| margin-right: 0.5rem; |
| font-size: 1rem; |
| } |