1

enter image description hereCSS:the picture shows that the first css works but the second one not works.

.large-Modal .modal-dialog{
  width:800px;
}

.large-Modal .modal-dialog .modal-content .modal-body {
  padding: 10px!important;
}

JS:

var modalInstance = $uibModal.open({
    templateUrl: 'checkDetailModel.html',
    controller: 'checkDetailModalCtrl',
    windowClass: 'large-Modal',
    resolve: {
        epInfoDetail: function () {
            return epInfoDetail;
        }
    }
});

How to make .large-Modal .modal-dialog .modal-content .modal-body CSS work?

Zeren LI
  • 13
  • 4

1 Answers1

0

I do it like this, and it works fine:

obviously this is in a .css file

.app-large-window .modal-dialog {
    width: 900px;
}

and windowClass: 'large'

sch
  • 1,198
  • 3
  • 18
  • 32
  • .large-Modal .modal-dialog .modal-content .modal-body { padding: 10px!important; } this css to change the .modal-body padding not works. – Zeren LI Mar 14 '16 at 02:38