itube-specs 0.0.933 → 0.0.934
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.
|
@@ -155,7 +155,7 @@ onClickOutside(rootRef, () => {
|
|
|
155
155
|
<style lang="scss">
|
|
156
156
|
$fade-width: 40px;
|
|
157
157
|
|
|
158
|
-
//
|
|
158
|
+
// Ширина кнопки «+N» под ограничитель позиции: 20px паддингов плюс место на «+» и две цифры
|
|
159
159
|
$more-width: 44px;
|
|
160
160
|
|
|
161
161
|
@property --ui-chips-micro-fade-start {
|
|
@@ -208,12 +208,12 @@ $more-width: 44px;
|
|
|
208
208
|
scrollbar-width: none;
|
|
209
209
|
|
|
210
210
|
/* Десктоп: не скролл, а перенос, обрезанный по первой строке. Обрезка через overflow: hidden —
|
|
211
|
-
контейнер не прокручиваемый, колесо мыши не перехватывает.
|
|
211
|
+
контейнер не прокручиваемый, колесо мыши не перехватывает. Места под «+N» не резервируем:
|
|
212
|
+
паддинг сужал бы строку и сам гнал бы на перенос плашку, которая иначе влезала. */
|
|
212
213
|
@include from-br(sm) {
|
|
213
214
|
flex-wrap: wrap;
|
|
214
215
|
align-content: flex-start;
|
|
215
216
|
max-height: var(--chips-height-micro);
|
|
216
|
-
padding-right: $more-width;
|
|
217
217
|
overflow: hidden;
|
|
218
218
|
}
|
|
219
219
|
|
|
@@ -231,7 +231,10 @@ $more-width: 44px;
|
|
|
231
231
|
|
|
232
232
|
position: absolute;
|
|
233
233
|
inset-block: 0;
|
|
234
|
-
|
|
234
|
+
|
|
235
|
+
/* Кнопка встаёт в зазор после последней влезшей плашки. Зазор бывает уже кнопки — тогда
|
|
236
|
+
упираем её в правый край, край последней плашки уходит под неё. */
|
|
237
|
+
left: min(var(--ui-chips-micro-more-left, 0px), 100% - #{$more-width});
|
|
235
238
|
z-index: $z-index-dropdown;
|
|
236
239
|
display: grid;
|
|
237
240
|
place-content: center;
|