bfg-common 1.5.959 → 1.5.960
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -373,10 +373,13 @@ onUnmounted(() => {
|
|
|
373
373
|
transition-delay: 0.25s;
|
|
374
374
|
transition-duration: 0.25s;
|
|
375
375
|
width: 2px;
|
|
376
|
-
margin-left: 1px;
|
|
376
|
+
//margin-left: 1px;
|
|
377
377
|
border-radius: 4px;
|
|
378
378
|
height: 24px;
|
|
379
|
-
top: calc(50% - 12.5px);
|
|
379
|
+
//top: calc(50% - 12.5px);
|
|
380
|
+
top: 50%;
|
|
381
|
+
left: 50%;
|
|
382
|
+
transform: translate(-50%, -50%);
|
|
380
383
|
}
|
|
381
384
|
}
|
|
382
385
|
.secondPanel {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="flex-align-center relative">
|
|
2
|
+
<div class="flex-align-center relative tooltip">
|
|
3
3
|
<ui-icon
|
|
4
4
|
:id="`${props.helpId}`"
|
|
5
5
|
:data-id="`${props.testId}-icon-trigger`"
|
|
@@ -26,12 +26,12 @@
|
|
|
26
26
|
width: props.dropdownWidth,
|
|
27
27
|
maxWidth: props.dropdownMaxWidth,
|
|
28
28
|
}"
|
|
29
|
-
class="
|
|
29
|
+
class="tooltip__content"
|
|
30
30
|
>
|
|
31
31
|
<div class="flex justify-between column-gap-2">
|
|
32
32
|
<div class="flex">
|
|
33
33
|
<ui-icon :name="tooltipStatus" width="16" height="16" />
|
|
34
|
-
<h3 class="title">
|
|
34
|
+
<h3 class="tooltip__content-title">
|
|
35
35
|
{{ props.title || localization.mainNavigation.help }}
|
|
36
36
|
</h3>
|
|
37
37
|
</div>
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
|
|
47
47
|
<slot />
|
|
48
48
|
|
|
49
|
-
<p v-if="props.helpText" class="description">
|
|
49
|
+
<p v-if="props.helpText" class="tooltip__content-description">
|
|
50
50
|
{{ props.helpText }}
|
|
51
51
|
</p>
|
|
52
52
|
</div>
|
|
@@ -143,30 +143,30 @@ const tooltipStatus = computed<string>(() =>
|
|
|
143
143
|
pointer-events: none;
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
|
-
.
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
146
|
+
.tooltip {
|
|
147
|
+
&__content {
|
|
148
|
+
padding: 16px;
|
|
149
|
+
&-title {
|
|
150
|
+
font-size: 14px;
|
|
151
|
+
font-weight: 500;
|
|
152
|
+
line-height: 16px;
|
|
153
|
+
color: var(--title-form-first-color);
|
|
154
|
+
margin-left: 8px;
|
|
155
|
+
}
|
|
156
|
+
&-description {
|
|
157
|
+
font-family: 'Inter', sans-serif;
|
|
158
|
+
color: var(--title-form-first-color);
|
|
159
|
+
font-size: 13px;
|
|
160
|
+
font-weight: 400;
|
|
161
|
+
line-height: 18px;
|
|
162
|
+
margin-top: 12px;
|
|
163
|
+
word-break: break-word;
|
|
164
|
+
white-space: normal;
|
|
165
|
+
}
|
|
166
|
+
svg {
|
|
167
|
+
color: var(--alert-icon);
|
|
168
|
+
min-width: 16px;
|
|
169
|
+
}
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
172
|
</style>
|