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

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

0 голосов
/ 16 февраля 2019

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

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

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

Я обратился к документам Нг-Зорро, и, похоже, у них тоже была эта проблема: https://ng.ant.design/components/date-picker/en#header

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

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

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

1 Ответ

0 голосов
/ 16 февраля 2019

Спасибо 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;
    }
  }
}
...