mediacube-ui 0.1.435 → 0.1.437
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.
|
@@ -248,7 +248,13 @@ export default {
|
|
|
248
248
|
type: String,
|
|
249
249
|
default: null,
|
|
250
250
|
},
|
|
251
|
-
|
|
251
|
+
/**
|
|
252
|
+
* Позиционирование тултипа
|
|
253
|
+
*/
|
|
254
|
+
tooltipPosition: {
|
|
255
|
+
type: String,
|
|
256
|
+
default: 'top',
|
|
257
|
+
},
|
|
252
258
|
/**
|
|
253
259
|
* Атрибут tabindex для главного элемента
|
|
254
260
|
*
|
|
@@ -369,15 +375,15 @@ export default {
|
|
|
369
375
|
tooltipOptions() {
|
|
370
376
|
return this.tooltip
|
|
371
377
|
? {
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
378
|
+
content: this.tooltip,
|
|
379
|
+
placement: this.tooltipPosition || 'top',
|
|
380
|
+
classes: 'mc-tooltip mc-tooltip--width-m mc-tooltip--size-s',
|
|
381
|
+
trigger: 'hover focus',
|
|
382
|
+
show: false,
|
|
383
|
+
container: 'body',
|
|
384
|
+
template: `<div class="tooltip" role="tooltip"> <div class="tooltip-arrow"></div> <div class="tooltip-inner"><div class="tooltip-inner__content"></div></div> </div>`,
|
|
385
|
+
innerSelector: '.tooltip-inner__content',
|
|
386
|
+
}
|
|
381
387
|
: null
|
|
382
388
|
},
|
|
383
389
|
},
|
|
@@ -390,7 +396,7 @@ export default {
|
|
|
390
396
|
animateUp() {
|
|
391
397
|
if (this.animation) {
|
|
392
398
|
this.customAnimation?.text &&
|
|
393
|
-
|
|
399
|
+
(this.$refs['mc-button'].querySelector('.mc-button__text').innerHTML = this.customAnimation?.text)
|
|
394
400
|
this.custom_background = this.customAnimation?.background
|
|
395
401
|
}
|
|
396
402
|
},
|
|
@@ -29,6 +29,14 @@
|
|
|
29
29
|
>
|
|
30
30
|
{{ withIndicator ? '' : info }}
|
|
31
31
|
</mc-chip>
|
|
32
|
+
<mc-svg-icon
|
|
33
|
+
v-if="href"
|
|
34
|
+
slot="icon-append"
|
|
35
|
+
:fill="iconColor"
|
|
36
|
+
size="200"
|
|
37
|
+
name="link_external_new"
|
|
38
|
+
class="mc-side-bar-button__icon-append"
|
|
39
|
+
/>
|
|
32
40
|
</template>
|
|
33
41
|
</mc-button>
|
|
34
42
|
</mc-tooltip>
|
|
@@ -175,6 +183,7 @@ export default {
|
|
|
175
183
|
exact: this.exact,
|
|
176
184
|
disabled: this.disabled,
|
|
177
185
|
'is-active': this.isActive,
|
|
186
|
+
...(!!this.href ? {target: '_blank'} : {}),
|
|
178
187
|
}
|
|
179
188
|
},
|
|
180
189
|
},
|
|
@@ -202,6 +211,11 @@ export default {
|
|
|
202
211
|
min-height: $size-150;
|
|
203
212
|
}
|
|
204
213
|
}
|
|
214
|
+
&__icon {
|
|
215
|
+
&-append {
|
|
216
|
+
@include size($size-250 !important);
|
|
217
|
+
}
|
|
218
|
+
}
|
|
205
219
|
&.mc-button {
|
|
206
220
|
padding: $space-100;
|
|
207
221
|
opacity: 1;
|