chore: make control panel sub sections look better (#24736)

This commit is contained in:
Maxime Beauchemin
2023-07-20 16:33:50 -07:00
committed by GitHub
parent 9b6ed315f8
commit 22a0fe555c
25 changed files with 145 additions and 55 deletions

View File

@@ -22,6 +22,7 @@ import {
ControlPanelsContainerProps,
ControlSetItem,
ControlSetRow,
ControlSubSectionHeader,
DEFAULT_SORT_SERIES_DATA,
SORT_SERIES_CHOICES,
sharedControls,
@@ -96,7 +97,7 @@ const legendOrientationControl: ControlSetItem = {
};
export const legendSection: ControlSetRow[] = [
[<div className="section-header">{t('Legend')}</div>],
[<ControlSubSectionHeader>{t('Legend')}</ControlSubSectionHeader>],
[showLegendControl],
[legendTypeControl],
[legendOrientationControl],
@@ -210,7 +211,7 @@ const tooltipSortByMetricControl: ControlSetItem = {
};
export const richTooltipSection: ControlSetRow[] = [
[<div className="section-header">{t('Tooltip')}</div>],
[<ControlSubSectionHeader>{t('Tooltip')}</ControlSubSectionHeader>],
[richTooltipControl],
[tooltipSortByMetricControl],
[tooltipTimeFormatControl],
@@ -243,7 +244,7 @@ const sortSeriesAscending: ControlSetItem = {
};
export const seriesOrderSection: ControlSetRow[] = [
[<div className="section-header">{t('Series Order')}</div>],
[<ControlSubSectionHeader>{t('Series Order')}</ControlSubSectionHeader>],
[sortSeriesType],
[sortSeriesAscending],
];