bfg-common 1.5.248 → 1.5.249

package/components/common/wizards/datastore/add/steps/common/tooltipInfo/TooltipInfo.vue

@@ -1,93 +0,0 @@
-<template>
-  <div class="tooltip-info">
-    <ui-icon
-      :id="`${props.id}-info-trigger`"
-      name="info"
-      width="16"
-      height="16"
-      :class="['tooltip-info__icon pointer', { active: isShowInfo }]"
-      @click.stop="isShowInfo = !isShowInfo"
-    />
-    <ui-popup-window
-      v-model="isShowInfo"
-      top
-      left
-      width="272px"
-      :elem-id="`${props.id}-info-trigger`"
-    >
-      <div class="common-widget-info">
-        <div class="flex justify-between">
-          <div class="flex">
-            <ui-icon name="info-2" width="16px" height="16px" />
-            <span class="title"> {{ localization.common.information }}</span>
-          </div>
-          <ui-icon
-            name="close"
-            class="pointer hide-icon"
-            width="16px"
-            height="16px"
-            @click.stop="isShowInfo = false"
-          />
-        </div>
-
-        <div class="common-widget-info-description">
-          {{ props.description }}
-        </div>
-      </div>
-    </ui-popup-window>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  id: string
-  description: string
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isShowInfo = ref<boolean>(false)
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.tooltip-info {
-  @include flex($align: center);
-  &__icon {
-    color: var(--form-icon-color);
-    &:hover {
-      color: var(--close-icon);
-    }
-    &.active {
-      color: var(--btn-primary-fill-bg-color);
-    }
-  }
-
-  .common-widget-info {
-    padding: 16px;
-
-    .title {
-      font-size: 14px;
-      font-weight: 500;
-      line-height: 16px;
-      color: var(--zabbix-text-color);
-      margin-left: 8px;
-    }
-
-    .common-widget-info-description {
-      font-size: 13px;
-      line-height: 15.73px;
-      color: var(--zabbix-text-color);
-      margin-top: 12px;
-      white-space: pre-line;
-    }
-
-    svg {
-      color: var(--alert-icon);
-      min-width: 16px;
-    }
-  }
-}
-</style>