diff --git a/css/backoffice/components/_breadcrumbs.scss b/css/backoffice/components/_breadcrumbs.scss index 23fc16fa7..88893a26d 100644 --- a/css/backoffice/components/_breadcrumbs.scss +++ b/css/backoffice/components/_breadcrumbs.scss @@ -4,7 +4,6 @@ */ $ibo-breadcrumbs--margin-right: 16px !default; -$ibo-breadcrumbs--padding: 2px !default; $ibo-breadcrumbs--item--text-color: $ibo-color-grey-800 !default; @@ -32,8 +31,7 @@ $ibo-breadcrumbs--previous-item-label--max-width: 200px !default; .ibo-breadcrumbs{ position: relative; margin-right: $ibo-breadcrumbs--margin-right; - padding: $ibo-breadcrumbs--padding; /* Important: N°3900 The padding is here to prevent a bug in the JS Observer API when the window is zoomed in/out, in which case all items respond as being hidden even when they are not. */ - @extend %ibo-full-height-content; + @extend %ibo-full-height-content; &.ibo-is-overflowing { justify-content: right; diff --git a/js/components/breadcrumbs.js b/js/components/breadcrumbs.js index a463e0bc2..6797d3d83 100644 --- a/js/components/breadcrumbs.js +++ b/js/components/breadcrumbs.js @@ -216,7 +216,7 @@ $(function() me._updatePreviousItemsList(); }, { root: $(this.js_selectors.breadcrumbs)[0], - threshold: [1] // Must be completely visible + threshold: [0.9] // N°3900 Should be completely visible, but lowering the threshold prevents a bug in the JS Observer API when the window is zoomed in/out, in which case all items respond as being hidden even when they are not. }); this.element.find(this.js_selectors.item).each(function(){ me.items_observer.observe(this);