mediacube-ui 0.1.49 → 0.1.51
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.
package/package.json
CHANGED
|
@@ -116,6 +116,16 @@ export default {
|
|
|
116
116
|
type: Boolean,
|
|
117
117
|
default: false,
|
|
118
118
|
},
|
|
119
|
+
/**
|
|
120
|
+
* Закрепленные табы
|
|
121
|
+
*
|
|
122
|
+
* Добавляет верхнее расстояние
|
|
123
|
+
* для табов для правильного отображения
|
|
124
|
+
*/
|
|
125
|
+
sticky: {
|
|
126
|
+
type: Boolean,
|
|
127
|
+
default: false,
|
|
128
|
+
},
|
|
119
129
|
},
|
|
120
130
|
data: () => ({
|
|
121
131
|
tabs: [],
|
|
@@ -130,6 +140,7 @@ export default {
|
|
|
130
140
|
[`mc-tabs--accent-color-${this.accentColor}`]: this.accentColor,
|
|
131
141
|
[`mc-tabs--tab-variation-${this.tabVariation}`]: this.tabVariation,
|
|
132
142
|
[`mc-tabs--uppercase`]: this.uppercase,
|
|
143
|
+
[`mc-tabs--sticky`]: this.sticky,
|
|
133
144
|
}
|
|
134
145
|
},
|
|
135
146
|
activeTab: {
|
|
@@ -400,6 +411,17 @@ export default {
|
|
|
400
411
|
}
|
|
401
412
|
}
|
|
402
413
|
|
|
414
|
+
&--sticky {
|
|
415
|
+
overflow: scroll;
|
|
416
|
+
|
|
417
|
+
.tabs-component-tabs {
|
|
418
|
+
position: sticky !important;
|
|
419
|
+
top: 0;
|
|
420
|
+
z-index: $z-index-sticky;
|
|
421
|
+
background-color: $color-white;
|
|
422
|
+
}
|
|
423
|
+
}
|
|
424
|
+
|
|
403
425
|
.tabs-component-tabs {
|
|
404
426
|
@include reset-text-indents();
|
|
405
427
|
position: relative;
|
|
@@ -409,6 +431,8 @@ export default {
|
|
|
409
431
|
display: flex;
|
|
410
432
|
flex-wrap: nowrap;
|
|
411
433
|
overflow-x: auto;
|
|
434
|
+
overflow-y: hidden;
|
|
435
|
+
height: $space-350;
|
|
412
436
|
@include border();
|
|
413
437
|
}
|
|
414
438
|
|