Отзывчивый диалог в Дюрандале 2.1?

Question

я нашел следующее:

Responsive Durandal dialog

Однако я не вижу какой-либо документации на создание диалога реагирующий на 2.1. У меня есть диалог, который расширяется по мере того, как пользователь выбирает материал - в конечном итоге диалог становится выше, чем область просмотра, и нет прокрутки или чего-то еще, так что это полный беспорядок на мобильных устройствах. Я попытался использовать функциональность «reposition» из документов, но это, похоже, мало что делает. Любые советы по этому поводу будут высоко оценены.

 dialog.show('viewmodels/doThis', { data: data }); 
     addEditDialog.context.reposition('doThis'); // doesn't help 

Answer 1

Try читать установить max-height CSS property и overflow-yавто

.dialog { overflow: visible | hidden | scroll | auto | inherit } 

это выглядит следующим образом:

.dialog{ 
     max-height:480px; /* height of the device for example*/ 
     overflow-y:auto; /* if the content is nore than max-height the scrollbar will show up*/ 
} 

или просто использовать CSS media queries

@media (min-width: 1100px) { 
    /*code for destop*/ 
    .dialog{ 

    } 
} 
@media (max-width: 1100px) { 
/*code for ipad and netbooks*/ 
    .dialog{ 

    } 
} 
@media (max-width: 480px) { 
/*code for mobile here*/ 
    .dialog{ 

    } 
}