@forter/chart - npm Package Compare versions

Comparing version 5.33.1 to 5.33.2

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [5.33.2](https://github.com/forter/web-components/compare/@forter/chart@5.33.1...@forter/chart@5.33.2) (2023-06-14)
+
+
+### Bug Fixes
+
+* **chart:** legend scrolling ([858c127](https://github.com/forter/web-components/commit/858c127))
+
+
+
+
+
 ## [5.33.1](https://github.com/forter/web-components/compare/@forter/chart@5.33.0...@forter/chart@5.33.1) (2023-06-13)
@@ -8,0 +19,0 @@

fc-chart.css.js

@@ -416,2 +416,10 @@ import { css } from 'lit-element';
 }
+
+.legend-scroll-container {
+  height: calc(100% - 25px);
+}
+
+.legend-scroll-container[hasScroll] {
+  overflow: scroll;
+}
 `;
@@ -418,0 +426,0 @@

FcChart.js

@@ -219,6 +219,8 @@ import { defineProperty as _defineProperty } from './_virtual/_rollupPluginBabelHelpers.js';
         </button>
-        <ul id="real-legend-container" class="legend-container"></ul>
-        <ul id="skeleton-legend-container" class="skeleton-legend-container">
-          ${this.renderLegendSkeleton()}
-        </ul>
+        <div class="legend-scroll-container" ?hasScroll=${this.isLegendBoxOpen}>
+          <ul id="real-legend-container" class="legend-container"></ul>
+          <ul id="skeleton-legend-container" class="skeleton-legend-container">
+            ${this.renderLegendSkeleton()}
+          </ul>
+        </div>
       </div>
@@ -225,0 +227,0 @@

package.json

 {
   "name": "@forter/chart",
-  "version": "5.33.1",
+  "version": "5.33.2",
   "description": "chart from Forter Components",
@@ -61,3 +61,3 @@ "author": "Forter Developers",
   },
-  "gitHead": "5c2b12318bdfb61f7de6f307baef450413d4e21d"
+  "gitHead": "6c1dd48f2c338af87b676547266fd91975f65fd9"
 }

src/FcChart.js

@@ -196,6 +196,8 @@ /* eslint-disable max-len */
         </button>
-        <ul id="real-legend-container" class="legend-container"></ul>
-        <ul id="skeleton-legend-container" class="skeleton-legend-container">
-          ${this.renderLegendSkeleton()}
-        </ul>
+        <div class="legend-scroll-container" ?hasScroll=${this.isLegendBoxOpen}>
+          <ul id="real-legend-container" class="legend-container"></ul>
+          <ul id="skeleton-legend-container" class="skeleton-legend-container">
+            ${this.renderLegendSkeleton()}
+          </ul>
+        </div>
       </div>
@@ -202,0 +204,0 @@

No alert changes

Improved metrics

Total package byte prevSize

348880

increased by0.24%

Lines of code

5626

increased by0.29%

No dependency changes