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() {
|
||||
var $scrollingTabs = $('.scrolling-tabs');
|
||||
$(document).on('init.scrolling-tabs', () => {
|
||||
const $scrollingTabs = $('.scrolling-tabs').not('.is-initialized');
|
||||
$scrollingTabs.addClass('is-initialized');
|
||||
|
||||
hideEndFade($scrollingTabs);
|
||||
$(window).off('resize.nav').on('resize.nav', function() {
|
||||
|
|
|
@ -370,4 +370,6 @@ $(function () {
|
|||
new Aside();
|
||||
|
||||
gl.utils.initTimeagoTimeout();
|
||||
|
||||
$(document).trigger('init.scrolling-tabs');
|
||||
});
|
||||
|
|
|
@ -16,6 +16,10 @@ export default {
|
|||
},
|
||||
},
|
||||
|
||||
mounted() {
|
||||
$(document).trigger('init.scrolling-tabs');
|
||||
},
|
||||
|
||||
template: `
|
||||
<ul class="nav-links scrolling-tabs">
|
||||
<li
|
||||
|
|
|
@ -182,8 +182,14 @@ export default {
|
|||
<div :class="cssClass">
|
||||
|
||||
<div
|
||||
class="top-area scrolling-tabs-container"
|
||||
class="top-area scrolling-tabs-container inner-page-scroll-tabs"
|
||||
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
|
||||
:scope="scope"
|
||||
:count="state.count"
|
||||
|
|
|
@ -480,12 +480,6 @@
|
|||
.inner-page-scroll-tabs {
|
||||
position: relative;
|
||||
|
||||
.fade-right,
|
||||
.fade-left {
|
||||
top: 17px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.fade-right {
|
||||
@include fade(left, $white-light);
|
||||
right: 0;
|
||||
|
@ -505,4 +499,17 @@
|
|||
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-right= icon('angle-right')
|
||||
%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-right= icon('angle-right')
|
||||
%ul.nav-links.scrolling-tabs
|
||||
|
|
Loading…
Reference in New Issue