feat - add scollable property to modal
Adds optional property scrollable to modal. Fixes issue #61
This commit is contained in:
@@ -2845,6 +2845,10 @@ Optional suffix of modal window class. The value used is appended to the <code>m
|
|||||||
(<i>Note: Since this is directly injected into the class for the modal, you can leverage additional Bootstrap modal classes, such as <code>modal-dialog-centered</code>.
|
(<i>Note: Since this is directly injected into the class for the modal, you can leverage additional Bootstrap modal classes, such as <code>modal-dialog-centered</code>.
|
||||||
Ex: <code>md modal-dialog-centered</code>.</i>)</p>
|
Ex: <code>md modal-dialog-centered</code>.</i>)</p>
|
||||||
</li>
|
</li>
|
||||||
|
<li><p><code>scrollable</code>
|
||||||
|
<em>(Type: <code>boolean</code>, Default: <code>false</code>)</em> -
|
||||||
|
Indicates whether the dialog will allow its content to scroll. If set to true, this will add the class 'modal-dialog-scrollable' to the rendered modal. </p>
|
||||||
|
</li>
|
||||||
<li><p><code>template</code>
|
<li><p><code>template</code>
|
||||||
<em>(Type: <code>string</code>)</em> -
|
<em>(Type: <code>string</code>)</em> -
|
||||||
Inline template representing the modal's content.</p>
|
Inline template representing the modal's content.</p>
|
||||||
|
|||||||
@@ -102,6 +102,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.multiMap', 'ui.bootstrap.sta
|
|||||||
link: function(scope, element, attrs) {
|
link: function(scope, element, attrs) {
|
||||||
element.addClass(attrs.windowTopClass || '');
|
element.addClass(attrs.windowTopClass || '');
|
||||||
scope.size = attrs.size;
|
scope.size = attrs.size;
|
||||||
|
scope.scrollable = attrs.scrollable;
|
||||||
|
|
||||||
scope.close = function(evt) {
|
scope.close = function(evt) {
|
||||||
var modal = $modalStack.getTop();
|
var modal = $modalStack.getTop();
|
||||||
@@ -484,6 +485,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.multiMap', 'ui.bootstrap.sta
|
|||||||
'aria-labelledby': modal.ariaLabelledBy,
|
'aria-labelledby': modal.ariaLabelledBy,
|
||||||
'aria-describedby': modal.ariaDescribedBy,
|
'aria-describedby': modal.ariaDescribedBy,
|
||||||
'size': modal.size,
|
'size': modal.size,
|
||||||
|
'scrollable': modal.scrollable,
|
||||||
'index': topModalIndex,
|
'index': topModalIndex,
|
||||||
'animate': 'animate',
|
'animate': 'animate',
|
||||||
'ng-style': '{\'z-index\': 1050 + $$topModalIndex*10, display: \'block\'}',
|
'ng-style': '{\'z-index\': 1050 + $$topModalIndex*10, display: \'block\'}',
|
||||||
@@ -763,6 +765,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.multiMap', 'ui.bootstrap.sta
|
|||||||
ariaLabelledBy: modalOptions.ariaLabelledBy,
|
ariaLabelledBy: modalOptions.ariaLabelledBy,
|
||||||
ariaDescribedBy: modalOptions.ariaDescribedBy,
|
ariaDescribedBy: modalOptions.ariaDescribedBy,
|
||||||
size: modalOptions.size,
|
size: modalOptions.size,
|
||||||
|
scrollable: modalOptions.scrollable,
|
||||||
openedClass: modalOptions.openedClass,
|
openedClass: modalOptions.openedClass,
|
||||||
appendTo: modalOptions.appendTo
|
appendTo: modalOptions.appendTo
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
<div class="modal-dialog {{size ? 'modal-' + size : ''}}"><div class="modal-content" uib-modal-transclude></div></div>
|
<div class="modal-dialog {{size ? 'modal-' + size : ''}} {{scrollable ? 'modal-dialog-scrollable': ''}}"><div class="modal-content" uib-modal-transclude></div></div>
|
||||||
|
|||||||
Reference in New Issue
Block a user