@tekkare/auriga 0.2.187 → 0.2.188
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/dist/module.json
CHANGED
|
@@ -23,6 +23,10 @@
|
|
|
23
23
|
v-for="(tab, index) in tabs"
|
|
24
24
|
:key="index"
|
|
25
25
|
:id="`headerTab${index + 1}`"
|
|
26
|
+
:class="{
|
|
27
|
+
active_header:
|
|
28
|
+
true_index_menu.toString() === (index + 1).toString(),
|
|
29
|
+
}"
|
|
26
30
|
>
|
|
27
31
|
<button
|
|
28
32
|
class="header_one_tab"
|
|
@@ -157,8 +161,8 @@ export default defineComponent({
|
|
|
157
161
|
if (elementRect.right > containerRect.right) {
|
|
158
162
|
width = containerRect.right - elementRect.left;
|
|
159
163
|
}
|
|
160
|
-
selector.style.width = `${width - leftOffset}px`;
|
|
161
|
-
selector.style.transform = `translateX(${element.offsetLeft + leftOffset - container.scrollLeft}px)`;
|
|
164
|
+
selector.style.width = `${width - leftOffset + 1}px`;
|
|
165
|
+
selector.style.transform = `translateX(${element.offsetLeft + leftOffset - container.scrollLeft - 1}px)`;
|
|
162
166
|
}
|
|
163
167
|
}
|
|
164
168
|
function isPartiallyHidden(element, container) {
|
|
@@ -255,5 +259,5 @@ export default defineComponent({
|
|
|
255
259
|
|
|
256
260
|
<!-- Custom navbar -->
|
|
257
261
|
<style scoped>
|
|
258
|
-
.header_tabs{background-color:transparent;border-radius:12px;display:flex;flex-direction:row;gap:16px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-y:visible}.header_tabs_section.overflowx{overflow-x:hidden}.header_tabs_overlay{overflow-y:visible}.header_tabs_overlay.overflowx{overflow-x:scroll}.header_tabs_overlay::-webkit-scrollbar{display:none!important}.header_one_tab_container{display:inline-block;margin-right:24px}.header_one_tab_container:last-of-type{margin-right:0!important}.header_one_tab{background-color:transparent;border:none;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow-wrap:break-word;overflow-y:visible;padding:0 0 8px;text-align:center;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--
|
|
262
|
+
.header_tabs{background-color:transparent;border-radius:12px;display:flex;flex-direction:row;gap:16px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-y:visible}.header_tabs_section.overflowx{overflow-x:hidden}.header_tabs_overlay{overflow-y:visible}.header_tabs_overlay.overflowx{overflow-x:scroll}.header_tabs_overlay::-webkit-scrollbar{display:none!important}.header_one_tab_container{display:inline-block;margin-right:24px;padding:8px 16px}.header_one_tab_container:last-of-type{margin-right:0!important}.header_one_tab{background-color:transparent;border:none;border-radius:8px;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow-wrap:break-word;overflow-y:visible;padding:0 0 8px;text-align:center;transition:background-color .3s;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--primary);font-weight:600}.header_one_tab_active-selector{border-bottom:3px solid var(--primary);bottom:0;height:2px;left:0;list-style:none;min-width:5px;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.header_one_tab_bis{align-items:center;display:flex;gap:8px;justify-content:center}.header_one_tab_icon.active{color:var(--primary)}.rcd_scroll_icon{cursor:pointer}.active_header{background-color:#2176ff10;border-radius:8px 8px 0 0;color:var(--primary)!important;transition:background-color .3s}
|
|
259
263
|
</style>
|