mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-23 00:22:19 +01:00
https://linear.app/unleash/issue/2-1509/discovery-stacked-sticky-elements Adds a new `Sticky` element that will attempt to stack sticky elements in the DOM in a smart way. This needs a wrapping `StickyProvider` that will keep track of sticky elements. This PR adapts a few components to use this new element: - `DemoBanner` - `FeatureOverviewSidePanel` - `DraftBanner` - `MaintenanceBanner` - `MessageBanner` Pre-existing `top` properties are taken into consideration for the top offset, so we can have nice margins like in the feature overview side panel. ### Before - Sticky elements overlap 😞  ### After - Sticky elements stack 😄 
16 lines
273 B
TypeScript
16 lines
273 B
TypeScript
import '@testing-library/jest-dom';
|
|
import 'whatwg-fetch';
|
|
import 'regenerator-runtime';
|
|
|
|
class ResizeObserver {
|
|
observe() {}
|
|
unobserve() {}
|
|
disconnect() {}
|
|
}
|
|
|
|
if (!window.ResizeObserver) {
|
|
window.ResizeObserver = ResizeObserver;
|
|
}
|
|
|
|
process.env.TZ = 'UTC';
|