IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

VizRepeater: Prevent opposite scrollbar (#94230)

Browse Source 
* VizRepeater: Prevent opposite scrollbar

* Update packages/grafana-ui/src/components/VizRepeater/VizRepeater.tsx

Co-authored-by: Adela Almasan <88068998+adela-almasan@users.noreply.github.com>

* Update packages/grafana-ui/src/components/VizRepeater/VizRepeater.tsx

Co-authored-by: Adela Almasan <88068998+adela-almasan@users.noreply.github.com>

---------

Co-authored-by: Adela Almasan <88068998+adela-almasan@users.noreply.github.com>
This commit is contained in:
Drew Slobodnjak
2024-10-07 10:05:09 -07:00
committed by GitHub
parent 45eb292a74
commit 3e583ff423
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/VizRepeater/VizRepeater.tsx
View File

@@ -180,6 +180,7 @@ export class VizRepeater<V, D = {}> extends PureComponent<PropsWithDefaults<V, D
const defaultVizHeight = (height + itemSpacing) / values.length - itemSpacing; const defaultVizHeight = (height + itemSpacing) / values.length - itemSpacing;
repeaterStyle.flexDirection = 'column'; repeaterStyle.flexDirection = 'column';
repeaterStyle.height = `${height}px`; repeaterStyle.height = `${height}px`;
repeaterStyle.overflowX = 'hidden';
itemStyles.marginBottom = `${itemSpacing}px`; itemStyles.marginBottom = `${itemSpacing}px`;
vizWidth = width; vizWidth = width;
vizHeight = clamp(defaultVizHeight, minVizHeight ?? 0, maxVizHeight ?? defaultVizHeight); vizHeight = clamp(defaultVizHeight, minVizHeight ?? 0, maxVizHeight ?? defaultVizHeight);
@@ -187,6 +188,7 @@ export class VizRepeater<V, D = {}> extends PureComponent<PropsWithDefaults<V, D
case VizOrientation.Vertical: case VizOrientation.Vertical:
repeaterStyle.flexDirection = 'row'; repeaterStyle.flexDirection = 'row';
repeaterStyle.justifyContent = 'space-between'; repeaterStyle.justifyContent = 'space-between';
repeaterStyle.overflowY = 'hidden';
itemStyles.marginRight = `${itemSpacing}px`; itemStyles.marginRight = `${itemSpacing}px`;
vizHeight = height; vizHeight = height;
vizWidth = Math.max(width / values.length - itemSpacing + itemSpacing / values.length, minVizWidth ?? 0); vizWidth = Math.max(width / values.length - itemSpacing + itemSpacing / values.length, minVizWidth ?? 0);