From c39958b7ceda61f3d62eeae6d05377d86a06eba6 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 31 Jul 2026 09:56:19 +0200 Subject: [PATCH] Account for upcoming changes in Material checkbox I recently landed https://github.com/angular/components/pull/33584 which changes the internal structure of `mat-checkbox`. These changes update the style overrides so they continue to work once it is updated. --- .../views/right_pane/saving_pins_checkbox_component.scss | 2 +- .../metrics/views/right_pane/settings_view_component.scss | 2 +- .../webapp/widgets/data_table/filter_dialog_component.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.scss b/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.scss index 087a661fa7..3ea26e3d48 100644 --- a/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.scss +++ b/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.scss @@ -24,7 +24,7 @@ mat-checkbox { // with other items in the pane. margin-left: -11px; - ::ng-deep label { + ::ng-deep .mdc-label { @include tb_theme.tb-theme-foreground-prop(color, secondary-text); font-size: 12px; letter-spacing: normal; diff --git a/tensorboard/webapp/metrics/views/right_pane/settings_view_component.scss b/tensorboard/webapp/metrics/views/right_pane/settings_view_component.scss index 4212a92972..804ec007ca 100644 --- a/tensorboard/webapp/metrics/views/right_pane/settings_view_component.scss +++ b/tensorboard/webapp/metrics/views/right_pane/settings_view_component.scss @@ -108,7 +108,7 @@ mat-checkbox { // with other items in the pane. margin-left: -11px; - ::ng-deep label { + ::ng-deep .mdc-label { @include tb_theme.tb-theme-foreground-prop(color, secondary-text); font-size: 12px; letter-spacing: normal; diff --git a/tensorboard/webapp/widgets/data_table/filter_dialog_component.scss b/tensorboard/webapp/widgets/data_table/filter_dialog_component.scss index f109b4f0cb..db15cd9779 100644 --- a/tensorboard/webapp/widgets/data_table/filter_dialog_component.scss +++ b/tensorboard/webapp/widgets/data_table/filter_dialog_component.scss @@ -80,7 +80,7 @@ limitations under the License. ::ng-deep { mat-checkbox, .mdc-form-field, - label { + .mdc-label { width: 100%; } }