mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-28 19:06:12 +01:00
347c1cabbc
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 😞 ![image](https://github.com/Unleash/unleash/assets/14320932/dd6fa188-6774-4afb-86fd-0eefb9aba93e) ### After - Sticky elements stack 😄 ![image](https://github.com/Unleash/unleash/assets/14320932/c73a84ab-7133-448f-9df6-69bd4c5330c2)
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';
|