Высота модального окна Angular-UI

Я пытаюсь создать модальное окно с angular-ui-0.6.0 и bootstrap-3.0.

Мой шаблон:

<div class="modal-header">
    <h3>Create new entry</h3>
</div>

<div class="modal-body" ng-repeat="e in create_elements">
    <label>Test</label>
    <input class="form-control" style="height: 30px; width: 98%" type="text" required ng-model="e.model"></input>
    <label id="{{e.label}}" style="display: none; color: red;">{{e.label}} - can't be empty</label>
</div>

<div class="modal-footer">
    <button class="btn btn-success" ng-click="create(create_elements)">Create</button>
    <button class="btn btn-warning" ng-click="close()">Cancel</button>
</div>

css для модального окна:

.modal { дисплей: блок; }

Модальное окно открывается нормально, но его высота больше, чем нужно. Я пытался настроить height: auto для .modal, но это не помогло.

введите здесь описание изображения

Видно белое пятно под футером, как его убрать?

Спасибо.!


modal-dialog twitter-bootstrap-3 angular-ui
person 0xAX    schedule 17.12.2013    source источник

Ответы (1)


arrow_upward
14
arrow_downward

Чтобы уменьшить высоту диалога, я сделал следующее:

Поместите это в конфигурацию modal.open, чтобы избежать конфликтов с другими диалогами.

windowClass: 'your-modal-class',

Затем в моем css я добавил это:

div.your-modal-class .modal-content {
    max-height: 600px;
    overflow: auto;
}
person Cameron    schedule 21.01.2014