Skip to content

fix(legend): width with scroll bar#1019

Merged
nickofthyme merged 3 commits intoelastic:masterfrom
nickofthyme:fix-legend-scroll-sizing
Feb 11, 2021
Merged

fix(legend): width with scroll bar#1019
nickofthyme merged 3 commits intoelastic:masterfrom
nickofthyme:fix-legend-scroll-sizing

Conversation

@nickofthyme
Copy link
Copy Markdown
Collaborator

Summary

fixes #1011

Checks to see if total legend height on vertical legends, is greater than parent container height. If so adds scrollbar width to total legend width.

Before

image

After

image

Checklist

  • This was checked for cross-browser compatibility
  • Unit tests were updated or added to match the most common scenarios

@nickofthyme nickofthyme added bug Something isn't working :legend Legend related issue labels Feb 5, 2021
@nickofthyme nickofthyme requested a review from markov00 February 5, 2021 21:42
@codecov-io
Copy link
Copy Markdown

codecov-io commented Feb 5, 2021

Codecov Report

Merging #1019 (6f333cd) into master (e1da4e5) will decrease coverage by 0.02%.
The diff coverage is 100.00%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master    #1019      +/-   ##
==========================================
- Coverage   72.64%   72.62%   -0.03%     
==========================================
  Files         363      379      +16     
  Lines       11188    10807     -381     
  Branches     2437     2210     -227     
==========================================
- Hits         8128     7849     -279     
+ Misses       3046     2855     -191     
- Partials       14      103      +89     
Flag Coverage Δ
unittests ?

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
src/state/selectors/get_legend_size.ts 93.02% <100.00%> (+0.52%) ⬆️
src/state/selectors/get_legend_items_labels.ts 50.00% <0.00%> (-50.00%) ⬇️
src/utils/dimensions.ts 71.42% <0.00%> (-28.58%) ⬇️
src/components/no_results.tsx 50.00% <0.00%> (-25.00%) ⬇️
src/chart_types/xy_chart/utils/panel_utils.ts 72.72% <0.00%> (-19.59%) ⬇️
src/components/error_boundary/errors.ts 50.00% <0.00%> (-16.67%) ⬇️
src/chart_types/xy_chart/rendering/point_style.ts 87.50% <0.00%> (-12.50%) ⬇️
...t/state/selectors/compute_small_multiple_scales.ts 87.50% <0.00%> (-12.50%) ⬇️
...rt/renderer/dom/annotations/annotation_tooltip.tsx 79.31% <0.00%> (-10.35%) ⬇️
src/utils/data_generators/data_generator.ts 45.45% <0.00%> (-9.10%) ⬇️
... and 208 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update e1da4e5...6f333cd. Read the comment docs.

Copy link
Copy Markdown
Collaborator

@markov00 markov00 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great, I've just nitpicked about the legend size calculation

@nickofthyme nickofthyme enabled auto-merge (squash) February 11, 2021 17:32
@nickofthyme
Copy link
Copy Markdown
Collaborator Author

jenkins retest this please

@nickofthyme nickofthyme merged commit 45bd0d5 into elastic:master Feb 11, 2021
github-actions bot pushed a commit that referenced this pull request Feb 15, 2021
# [24.6.0](v24.5.1...v24.6.0) (2021-02-15)

### Bug Fixes

* **legend:** width with scroll bar ([#1019](#1019)) ([45bd0d5](45bd0d5))

### Features

* sort values in actions by closest to cursor ([#1023](#1023)) ([e1da4e5](e1da4e5))
* **axis:** small multiples axis improvements ([#1004](#1004)) ([514466f](514466f))
* **partition:** drilldown ([#995](#995)) ([20bbdae](20bbdae))
@markov00
Copy link
Copy Markdown
Collaborator

🎉 This PR is included in version 24.6.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@markov00 markov00 added the released Issue released publicly label Feb 15, 2021
@nickofthyme nickofthyme deleted the fix-legend-scroll-sizing branch April 6, 2021 17:39
AMoo-Miki pushed a commit to AMoo-Miki/OpenSearch-Dashboards that referenced this pull request Feb 10, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working :legend Legend related issue released Issue released publicly

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Legend sizing does not account for scrollbar width

3 participants