Angular Dart Material Daterange 选择器高度
Angular Dart Material Daterange picker height
我用的是<material-date-range-picker ...>但是显示为高。我发现 material_date_range_picker.scss 声明了 .main-content { ...; height: $datepicker-main-content-height; ... } 并且 $datepicker-main-content-height 被定义为 $mat-grid * 9 即 72px。该组件看起来很丑并且破坏了布局。其他日期选择器组件没有定义高度，看起来很正常。
我试图用 :host .main-content { height: auto !important} 覆盖 CSS 中的高度，但由于 Angular 向不适用的元素添加了一些 _ngcontent-rnp-XX 类。
有人知道如何设置 material-date-range-picker 高度的样式吗？ （以及为什么它的样式设置为固定高度）。
所以您可能想在这里尝试使用这个 mixin，它可能更适合您的环境。 https://github.com/dart-lang/angular_components/blob/c644746d2824df7cfaf0a34f900b1f8557caddbc/angular_components/lib/material_datepicker/_mixins.scss#L221
您还可以查看它如何使用 :ng-deep 设置 .main-content 高度。对于 Google 产品，我们不希望人们使用 ng-deep 进行自定义，因为它使所有内容成为 public API 的一部分，这使得迁移变得困难，但在这个内容中应该没问题。
我们将考虑为团队提供一个 mixin，以更易于维护的方式自行设置高度。
很高兴您喜欢使用这些小部件，但我希望您能谨慎对待您的批评。这种特殊的设计非常适合我们的产品，我们的许多设计师都喜欢它并认为它看起来很漂亮。我知道它不适用于您的用例，但希望上面概述的自定义对您有用。
我用的是<material-date-range-picker ...>但是显示为高。我发现 material_date_range_picker.scss 声明了 .main-content { ...; height: $datepicker-main-content-height; ... } 并且 $datepicker-main-content-height 被定义为 $mat-grid * 9 即 72px。该组件看起来很丑并且破坏了布局。其他日期选择器组件没有定义高度，看起来很正常。
我试图用 :host .main-content { height: auto !important} 覆盖 CSS 中的高度，但由于 Angular 向不适用的元素添加了一些 _ngcontent-rnp-XX 类。
有人知道如何设置 material-date-range-picker 高度的样式吗？ （以及为什么它的样式设置为固定高度）。
所以您可能想在这里尝试使用这个 mixin，它可能更适合您的环境。 https://github.com/dart-lang/angular_components/blob/c644746d2824df7cfaf0a34f900b1f8557caddbc/angular_components/lib/material_datepicker/_mixins.scss#L221
您还可以查看它如何使用 :ng-deep 设置 .main-content 高度。对于 Google 产品，我们不希望人们使用 ng-deep 进行自定义，因为它使所有内容成为 public API 的一部分，这使得迁移变得困难，但在这个内容中应该没问题。
我们将考虑为团队提供一个 mixin，以更易于维护的方式自行设置高度。
很高兴您喜欢使用这些小部件，但我希望您能谨慎对待您的批评。这种特殊的设计非常适合我们的产品，我们的许多设计师都喜欢它并认为它看起来很漂亮。我知道它不适用于您的用例，但希望上面概述的自定义对您有用。