Fixed alignment on some pages
Fixed pipelines tabs not showing arrows
This commit is contained in:
parent
6d14af2c3a
commit
28b8b92e84
|
@ -11,8 +11,9 @@
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
$(function() {
|
$(document).on('init.scrolling-tabs', () => {
|
||||||
var $scrollingTabs = $('.scrolling-tabs');
|
const $scrollingTabs = $('.scrolling-tabs').not('.is-initialized');
|
||||||
|
$scrollingTabs.addClass('is-initialized');
|
||||||
|
|
||||||
hideEndFade($scrollingTabs);
|
hideEndFade($scrollingTabs);
|
||||||
$(window).off('resize.nav').on('resize.nav', function() {
|
$(window).off('resize.nav').on('resize.nav', function() {
|
||||||
|
|
|
@ -370,4 +370,6 @@ $(function () {
|
||||||
new Aside();
|
new Aside();
|
||||||
|
|
||||||
gl.utils.initTimeagoTimeout();
|
gl.utils.initTimeagoTimeout();
|
||||||
|
|
||||||
|
$(document).trigger('init.scrolling-tabs');
|
||||||
});
|
});
|
||||||
|
|
|
@ -16,6 +16,10 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
mounted() {
|
||||||
|
$(document).trigger('init.scrolling-tabs');
|
||||||
|
},
|
||||||
|
|
||||||
template: `
|
template: `
|
||||||
<ul class="nav-links scrolling-tabs">
|
<ul class="nav-links scrolling-tabs">
|
||||||
<li
|
<li
|
||||||
|
|
|
@ -182,8 +182,14 @@ export default {
|
||||||
<div :class="cssClass">
|
<div :class="cssClass">
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="top-area scrolling-tabs-container"
|
class="top-area scrolling-tabs-container inner-page-scroll-tabs"
|
||||||
v-if="!isLoading && !shouldRenderEmptyState">
|
v-if="!isLoading && !shouldRenderEmptyState">
|
||||||
|
<div class="fade-left">
|
||||||
|
<i class="fa fa-angle-left" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
|
<div class="fade-right">
|
||||||
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
<navigation-tabs
|
<navigation-tabs
|
||||||
:scope="scope"
|
:scope="scope"
|
||||||
:count="state.count"
|
:count="state.count"
|
||||||
|
|
|
@ -480,12 +480,6 @@
|
||||||
.inner-page-scroll-tabs {
|
.inner-page-scroll-tabs {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.fade-right,
|
|
||||||
.fade-left {
|
|
||||||
top: 17px;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fade-right {
|
.fade-right {
|
||||||
@include fade(left, $white-light);
|
@include fade(left, $white-light);
|
||||||
right: 0;
|
right: 0;
|
||||||
|
@ -505,4 +499,17 @@
|
||||||
left: 5px;
|
left: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fade-right,
|
||||||
|
.fade-left {
|
||||||
|
top: 16px;
|
||||||
|
bottom: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-smaller {
|
||||||
|
.fade-right,
|
||||||
|
.fade-left {
|
||||||
|
top: 11px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
.scrolling-tabs-container.inner-page-scroll-tabs
|
.scrolling-tabs-container.inner-page-scroll-tabs.is-smaller
|
||||||
.fade-left= icon('angle-left')
|
.fade-left= icon('angle-left')
|
||||||
.fade-right= icon('angle-right')
|
.fade-right= icon('angle-right')
|
||||||
%ul.nav-links.search-filter.scrolling-tabs
|
%ul.nav-links.search-filter.scrolling-tabs
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
.scrolling-tabs-container.inner-page-scroll-tabs
|
.scrolling-tabs-container.inner-page-scroll-tabs.is-smaller
|
||||||
.fade-left= icon('angle-left')
|
.fade-left= icon('angle-left')
|
||||||
.fade-right= icon('angle-right')
|
.fade-right= icon('angle-right')
|
||||||
%ul.nav-links.scrolling-tabs
|
%ul.nav-links.scrolling-tabs
|
||||||
|
|
Loading…
Reference in New Issue