Переполнение Ng-Zorro nz-range-picker на мобильном экране

Question

Я использую ng-zorro-antd 7.0.0 RC3 с угловой 7.2.4.

Моя проблема в том, что я не могу прокрутить по горизонтали при использовании nz-range-picker в мобильном браузере, кажется, что элемент был слишком большим с экраном, но родительский элемент nz-range-picker имеет "over-flow-x: hidden "или" переполнение: скрытый "атрибут.

Но я не могу найти элемент, чтобы это исправить.

Я пошел к документам Ng-Zorro, и, похоже, у них тоже была эта проблема: https://ng.ant.design/components/date-picker/en

Я также видел реактивную версию Ant Design, и у нее нет этой проблемы: https://ant.design/components/date-picker/

Кто-нибудь может мне с этим помочь?

Средство выбора диапазона не может прокручиваться при переполнении х на экране мобильного устройства

Answer 1

Спасибо AlokeT, я решил эту проблему.

Я делаю дисплей выбора вертикальным, когда реагирует на мобильный телефон.

Добавьте это в src/styles.less (или css | scss)

// @screen-sm-min = 576px, or you can choose another break point
@media only screen and (max-width: @screen-sm-min + 100px) {
  .ant-calendar-range {
    width: 276px;
    .ant-calendar-range-part {
      width: 100%;
    }
    .ant-calendar-range-right {
      float: left;
      border-top: 1px solid #e8e8e8;
    }
  }
}