Skip to content

[ML] Data Visualizer: fixes display of map view for small screen sizes #247615

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
KodeRad merged 4 commits into from
Jan 5, 2026
Merged

[ML] Data Visualizer: fixes display of map view for small screen sizes #247615

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
d2ea536
fix: map visible on small screen sizes
KodeRad Dec 24, 2025
4d75f29
fix: add misisng a11y tableCaption prop
KodeRad Dec 24, 2025
610b4b1
Merge branch 'main' into ml-data-visualizer-map-size-fix
KodeRad Dec 30, 2025
3a05311
Merge branch 'main' into ml-data-visualizer-map-size-fix
KodeRad Jan 5, 2026
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 15 additions & 5 deletions ...sualizer/public/application/common/components/stats_table/data_visualizer_stats_table.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -402,6 +402,16 @@ const UnmemoizedDataVisualizerTable = <T extends DataVisualizerTableItem>({
'.euiTableRow > .euiTableRowCell': {
borderTop: 0,
},
'& .dvMap__wrapper': {
minWidth: 0,
height: '240px',
[useEuiMinBreakpoint('s')]: {
minWidth: $panelWidthM,
},
[useEuiMinBreakpoint('m')]: {
minWidth: $panelWidthL,
},
},
[useEuiMinBreakpoint('s')]: {
'& .columnHeader__title': {
display: 'flex',
Expand Down Expand Up @@ -459,11 +469,6 @@ const UnmemoizedDataVisualizerTable = <T extends DataVisualizerTableItem>({
'& .dvPanel__wrapper:last-child': {
margin: `${euiTheme.size.xs} 0 ${euiTheme.size.m} 0`,
},

'& .dvMap__wrapper': {
minWidth: $panelWidthL,
height: '240px',
},
'& .dvText__wrapper': {
minWidth: $panelWidthS,
},
Expand Down Expand Up @@ -506,6 +511,11 @@ const UnmemoizedDataVisualizerTable = <T extends DataVisualizerTableItem>({
rowProps={(item) => ({
'data-test-subj': `dataVisualizerRow row-${item.fieldName}`,
})}
tableCaption={i18n.translate('xpack.dataVisualizer.dataGrid.tableCaption', {
defaultMessage:
'Field statistics table showing {count, plural, one {# field} other {# fields}} with their types, document counts, distinct values, and value distributions.',
values: { count: items.length },
})}
/>
</div>
)}
Expand Down
2 changes: 0 additions & 2 deletions x-pack/platform/plugins/private/translations/translations/de-DE.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5175,8 +5175,6 @@
"interactiveSetup.verificationCodeForm.submitButton": "{isSubmitting, select, true{Verifying…} other{Überprüfen}}",
"interactiveSetup.verificationCodeForm.submitErrorTitle": "Der Code konnte nicht überprüft werden",
"interactiveSetup.verificationCodeForm.title": "Verifizierung erforderlich",
"kbn-esql-language.esql.autocomplete.timeSystemParamEnd": "Die Endzeit aus dem Datumsauswahl-Widget",
"kbn-esql-language.esql.autocomplete.timeSystemParamStart": "Die Startzeit aus dem Datumsauswahlfeld",
"kbnConfig.deprecations.conflictSetting.manualStepOneMessage": "Stellen Sie sicher, dass \"{fullNewPath}\" den korrekten Wert in der Konfigurationsdatei, dem CLI-Flag oder der Umgebungsvariable (nur in Docker) enthält.",
"kbnConfig.deprecations.conflictSetting.manualStepTwoMessage": "Entfernen Sie \"{fullOldPath}\" aus der Konfiguration.",
"kbnConfig.deprecations.conflictSettingMessage": "Die Einstellung \"{fullOldPath}\" wurde durch \"{fullNewPath}\" ersetzt. Beide Schlüssel sind jedoch vorhanden. „{fullOldPath}“ wird ignoriert",
Expand Down
5 changes: 0 additions & 5 deletions x-pack/platform/plugins/private/translations/translations/fr-FR.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5197,11 +5197,6 @@
"interactiveSetup.verificationCodeForm.submitButton": "{isSubmitting, select, true{Verifying…} other{Vérifier}}",
"interactiveSetup.verificationCodeForm.submitErrorTitle": "Vérification du code impossible",
"interactiveSetup.verificationCodeForm.title": "Vérification requise",
"kbn-esql-language.esql.autocomplete.timeSystemParamEnd": "L'heure de fin à partir du sélecteur de date",
"kbn-esql-language.esql.autocomplete.timeSystemParamStart": "L'heure de début à partir du sélecteur de date",
"kbn-esql-language.esql.hover.policyEnrichedFields": "**Champs**",
"kbn-esql-language.esql.hover.policyIndexes": "**Indexes**",
"kbn-esql-language.esql.hover.policyMatchingField": "**Champ correspondant**",
"kbnConfig.deprecations.conflictSetting.manualStepOneMessage": "Assurez-vous que \"{fullNewPath}\" contient la valeur correcte dans le fichier de configuration, l'indicateur CLI ou la variable d'environnement (dans Docker uniquement).",
"kbnConfig.deprecations.conflictSetting.manualStepTwoMessage": "Supprimez \"{fullOldPath}\" de la configuration.",
"kbnConfig.deprecations.conflictSettingMessage": "Le paramètre \"{fullOldPath}\" a été remplacé par \"{fullNewPath}\". Cependant, les deux clés sont présentes. Ignorer \"{fullOldPath}\"",
Expand Down
5 changes: 0 additions & 5 deletions x-pack/platform/plugins/private/translations/translations/ja-JP.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5198,11 +5198,6 @@
"interactiveSetup.verificationCodeForm.submitButton": "{isSubmitting, select, true{Verifying…} other{検証}}",
"interactiveSetup.verificationCodeForm.submitErrorTitle": "コードを検証できませんでした",
"interactiveSetup.verificationCodeForm.title": "検証が必要です",
"kbn-esql-language.esql.autocomplete.timeSystemParamEnd": "日付ピッカーの終了日時",
"kbn-esql-language.esql.autocomplete.timeSystemParamStart": "日付ピッカーの開始日時",
"kbn-esql-language.esql.hover.policyEnrichedFields": "**フィールド**",
"kbn-esql-language.esql.hover.policyIndexes": "**インデックス**",
"kbn-esql-language.esql.hover.policyMatchingField": "**一致するフィールド**",
"kbnConfig.deprecations.conflictSetting.manualStepOneMessage": "\"{fullNewPath}\"には、構成ファイル、CLIフラグ、または環境変数（Dockerのみ）の正しい値が指定されていることを確認してください。",
"kbnConfig.deprecations.conflictSetting.manualStepTwoMessage": "構成から\"{fullOldPath}\"を削除します。",
"kbnConfig.deprecations.conflictSettingMessage": "\"{fullOldPath}\"設定は\"{fullNewPath}\"で置換されました。ただし、いずれのキーも存在します。\"{fullOldPath}\"を無視しています",
Expand Down
5 changes: 0 additions & 5 deletions x-pack/platform/plugins/private/translations/translations/zh-CN.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5191,11 +5191,6 @@
"interactiveSetup.verificationCodeForm.submitButton": "{isSubmitting, select, true{Verifying…} other{验证}}",
"interactiveSetup.verificationCodeForm.submitErrorTitle": "无法验证代码",
"interactiveSetup.verificationCodeForm.title": "需要验证",
"kbn-esql-language.esql.autocomplete.timeSystemParamEnd": "日期选取器中的结束时间",
"kbn-esql-language.esql.autocomplete.timeSystemParamStart": "日期选取器中的开始时间",
"kbn-esql-language.esql.hover.policyEnrichedFields": "**字段**",
"kbn-esql-language.esql.hover.policyIndexes": "**索引**",
"kbn-esql-language.esql.hover.policyMatchingField": "**匹配字段**",
"kbnConfig.deprecations.conflictSetting.manualStepOneMessage": "确保“{fullNewPath}”包含配置文件、CLI 标志或环境变量中的正确值（仅适用于 Docker）。",
"kbnConfig.deprecations.conflictSetting.manualStepTwoMessage": "从配置中移除“{fullOldPath}”。",
"kbnConfig.deprecations.conflictSettingMessage": "设置“{fullOldPath}”已替换为“{fullNewPath}”。但是，这两个键都存在。忽略“{fullOldPath}”",
Expand Down