mirror of
https://github.com/ansible/awx.git
synced 2026-02-26 15:36:04 -03:30
making host event modal resizable
and draggable
This commit is contained in:
@@ -99,7 +99,6 @@
|
|||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
.HostEvent .modal-body{
|
.HostEvent .modal-body{
|
||||||
max-height: 600px;
|
|
||||||
padding: 0px!important;
|
padding: 0px!important;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -24,6 +24,10 @@
|
|||||||
});
|
});
|
||||||
editor.setSize("100%", 200);
|
editor.setSize("100%", 200);
|
||||||
editor.getDoc().setValue(data);
|
editor.getDoc().setValue(data);
|
||||||
|
$('.modal-dialog').on('resize', function(){
|
||||||
|
let height = $('.modal-dialog').height() - $('.HostEvent-header').height() - $('.HostEvent-details').height() - $('.HostEvent-nav').height() - $('.HostEvent-controls').height() - 120;
|
||||||
|
editor.setSize("100%", height);
|
||||||
|
});
|
||||||
};
|
};
|
||||||
/*ignore jslint end*/
|
/*ignore jslint end*/
|
||||||
$scope.isActiveState = function(name){
|
$scope.isActiveState = function(name){
|
||||||
@@ -96,6 +100,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
$('#HostEvent').modal('show');
|
$('#HostEvent').modal('show');
|
||||||
|
$('.modal-content').resizable({
|
||||||
|
minHeight: 450,
|
||||||
|
minWidth: 600
|
||||||
|
});
|
||||||
|
$('.modal-dialog').draggable();
|
||||||
|
|
||||||
$('#HostEvent').on('hidden.bs.modal', function () {
|
$('#HostEvent').on('hidden.bs.modal', function () {
|
||||||
$scope.closeHostEvent();
|
$scope.closeHostEvent();
|
||||||
|
|||||||
Reference in New Issue
Block a user