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.js
CHANGED
|
@@ -6863,7 +6863,7 @@ var usePanelPosition = function (_a) {
|
|
|
6863
6863
|
var panelRect = panel.getBoundingClientRect();
|
|
6864
6864
|
var containerRect = container.getBoundingClientRect();
|
|
6865
6865
|
var buttonRect = button.getBoundingClientRect();
|
|
6866
|
-
var buttonLeft = buttonRect.left - containerRect.left -
|
|
6866
|
+
var buttonLeft = buttonRect.left - containerRect.left - 10; // Offset by 10px to account for controls section spacing
|
|
6867
6867
|
var left = Math.max(0, Math.min(buttonLeft, containerRect.width - panelRect.width));
|
|
6868
6868
|
setLocalStyles({ left: left });
|
|
6869
6869
|
}, [selectedFilter, isMobile]);
|
|
@@ -12163,7 +12163,7 @@ var Categories = function (_a) {
|
|
|
12163
12163
|
};
|
|
12164
12164
|
Categories.displayName = 'Categories';
|
|
12165
12165
|
|
|
12166
|
-
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
|
|
12166
|
+
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";
|
|
12167
12167
|
styleInject(css_248z$5);
|
|
12168
12168
|
|
|
12169
12169
|
var FilterPanels = function () {
|