itube-specs 0.0.931 → 0.0.933
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.
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
<!-- Ряд
|
|
2
|
-
|
|
1
|
+
<!-- Ряд микро-плашек-ссылок для карточек. Мобила — боковой скролл с затемнением того края, за
|
|
2
|
+
которым осталось неувиденное. Десктоп — перенос, обрезанный по первой строке, и кнопка «+N»,
|
|
3
|
+
открывающая панель с непоместившимися; скрытые плашки остаются в разметке для краулера.
|
|
4
|
+
Переполнение считает JS после отрисовки: CSS такого признака не даёт, если ряд не прокручивается,
|
|
5
|
+
поэтому «+N» появляется не сразу, а вместе с гидрацией карточки — это осознанная плата.
|
|
3
6
|
Не путать с UiExpandRow — тот про любые размеры чипсов и разворачивается вниз на месте. -->
|
|
4
7
|
<template>
|
|
5
8
|
<div
|
|
@@ -29,7 +32,7 @@
|
|
|
29
32
|
class="ui-chips-micro__more"
|
|
30
33
|
type="button"
|
|
31
34
|
@click="open = !open"
|
|
32
|
-
|
|
35
|
+
>+{{ hiddenTags.length }}</button>
|
|
33
36
|
<div
|
|
34
37
|
v-if="open"
|
|
35
38
|
class="ui-chips-micro__popover"
|
|
@@ -151,7 +154,9 @@ onClickOutside(rootRef, () => {
|
|
|
151
154
|
|
|
152
155
|
<style lang="scss">
|
|
153
156
|
$fade-width: 40px;
|
|
154
|
-
|
|
157
|
+
|
|
158
|
+
// Резерв под кнопку «+N» в конце строки: 20px паддингов плюс место на «+» и две цифры
|
|
159
|
+
$more-width: 44px;
|
|
155
160
|
|
|
156
161
|
@property --ui-chips-micro-fade-start {
|
|
157
162
|
syntax: '<length>';
|