willba-component-library 0.3.21 → 0.3.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/lib/index.esm.js +2 -2
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +2 -2
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.stories.tsx +1 -1
- package/src/components/FilterBar/components/FilterPanels/FilterPanels.css +3 -3
- package/src/components/FilterBar/hooks/usePanelPosition.tsx +1 -1
package/lib/index.umd.js
CHANGED
|
@@ -6865,7 +6865,7 @@
|
|
|
6865
6865
|
var panelRect = panel.getBoundingClientRect();
|
|
6866
6866
|
var containerRect = container.getBoundingClientRect();
|
|
6867
6867
|
var buttonRect = button.getBoundingClientRect();
|
|
6868
|
-
var buttonLeft = buttonRect.left - containerRect.left -
|
|
6868
|
+
var buttonLeft = buttonRect.left - containerRect.left - 10; // Offset by 10px to account for controls section spacing
|
|
6869
6869
|
var left = Math.max(0, Math.min(buttonLeft, containerRect.width - panelRect.width));
|
|
6870
6870
|
setLocalStyles({ left: left });
|
|
6871
6871
|
}, [selectedFilter, isMobile]);
|
|
@@ -12165,7 +12165,7 @@
|
|
|
12165
12165
|
};
|
|
12166
12166
|
Categories.displayName = 'Categories';
|
|
12167
12167
|
|
|
12168
|
-
var css_248z$5 = ".will-filter-bar-panels {\n background-color: var(--will-white);\n min-height: 100px;\n position: absolute;\n top: 125px;\n z-index: 111;\n border-radius: 25px;\n box-shadow: var(--will-box-shadow);\n}\n\n@media (max-width: 960px) {\n .will-root {\n width: 100%;\n min-width: auto;\n max-height: 100vh;\n z-index: 3;\n }\n\n .will-filter-bar-panels {\n
|
|
12168
|
+
var css_248z$5 = ".will-filter-bar-panels {\n background-color: var(--will-white);\n min-height: 100px;\n position: absolute;\n top: 125px;\n z-index: 111;\n border-radius: 25px;\n box-shadow: var(--will-box-shadow);\n}\n\n@media (max-width: 960px) {\n .will-root {\n width: 100%;\n min-width: auto;\n max-height: 100vh;\n z-index: 3;\n }\n\n .will-filter-bar-panels {\n top: 60px;\n width: 100%;\n z-index: 999;\n }\n}\n";
|
|
12169
12169
|
styleInject(css_248z$5);
|
|
12170
12170
|
|
|
12171
12171
|
var FilterPanels = function () {
|