bfg-common 1.6.63 → 1.6.64

package/components/common/adapterManager/AdapterManagerNew.vue

@@ -19,6 +19,7 @@
               :selected-is-header="props.selectedIsHeader"
               :is-disabled-move-up="props.isDisabledMoveUp"
               :is-disabled-move-down="props.isDisabledMoveDown"
+              :is-active="props.isActive"
               @move-up-adapter="onMoveUp"
               @move-down-adapter="onMoveDown"
             />
@@ -332,4 +333,89 @@ const onShowAddAdapterModal = (): void => {
     margin-bottom: 6px;
   }
 }
+
+.element-disabled {
+  pointer-events: none;
+
+  :deep(.adapter) {
+    .adapter-info-icon {
+      opacity: 0.4;
+    }
+
+    .adapter-info-title {
+      color: var(--btn-text-disabled-color);
+    }
+
+    &.selected {
+      background: var(--btn-text-disabled-color);
+
+      .adapter-info-title {
+        color: var(--accordion-selected-item-text);
+      }
+    }
+  }
+
+  :deep(.info-container) {
+    .tab-item {
+      color: var(--btn-text-disabled-color);
+
+      &.active {
+        color: var(--btn-text-disabled-color);
+        border-bottom: 3px solid var(--btn-text-disabled-color) !important;
+      }
+    }
+
+    .info-block-container-inner {
+      .row-sub-title {
+        color: var(--btn-text-disabled-color);
+      }
+
+      .row-name-container {
+        span {
+          color: var(--btn-text-disabled-color);
+        }
+      }
+
+      .settings-table__values:not(.is-status-yes),
+      .settings-table__values:not(.is-status-no) {
+        color: var(--btn-text-disabled-color);
+      }
+
+      .settings-table__values.is-status-yes,
+      .settings-table__values.is-status-no {
+        opacity: 0.4;
+      }
+    }
+  }
+
+  :deep(.manager-header-title) {
+    color: var(--btn-text-disabled-color);
+  }
+  :deep(.ui-main-no-items-found) {
+    color: var(--btn-text-disabled-color);
+
+    span {
+      color: var(--btn-text-disabled-color);
+    }
+  }
+}
+
+:root.dark-theme {
+  .element-disabled {
+    :deep(.adapter) {
+      .adapter-info-icon {
+        opacity: 0.32;
+      }
+    }
+
+    :deep(.info-container) {
+      .info-block-container-inner {
+        .settings-table__values.is-status-yes,
+        .settings-table__values.is-status-no {
+          opacity: 0.5;
+        }
+      }
+    }
+  }
+}
 </style>