diff --git a/resources/assets/js/global.js b/resources/assets/js/global.js index ace0dcdd2..9ca335ee7 100644 --- a/resources/assets/js/global.js +++ b/resources/assets/js/global.js @@ -134,17 +134,24 @@ $(function () { $('.popup-close').click(function() { $(this).closest('.overlay').fadeOut(240); }); - $('.overlay').click(function(event) { if (!$(event.target).hasClass('overlay')) return; $(this).fadeOut(240); }); + // Prevent markdown display link click redirect $('.markdown-display').on('click', 'a', function(event) { event.preventDefault(); window.open($(this).attr('href')); }); + // Detect IE for css + if(navigator.userAgent.indexOf('MSIE')!==-1 + || navigator.appVersion.indexOf('Trident/') > 0 + || navigator.userAgent.indexOf('Safari') !== -1){ + $('body').addClass('flexbox-support'); + } + }); // Page specific items diff --git a/resources/assets/sass/_components.scss b/resources/assets/sass/_components.scss index 544001261..ccb69b44e 100644 --- a/resources/assets/sass/_components.scss +++ b/resources/assets/sass/_components.scss @@ -16,6 +16,10 @@ display: none; } +.popup-body-wrap { + display: flex; +} + .popup-body { background-color: #FFF; max-height: 90%; @@ -39,6 +43,10 @@ } } +//body.ie .popup-body { +// min-height: 100%; +//} + .corner-button { position: absolute; top: 0; @@ -50,19 +58,28 @@ } .popup-header, .popup-footer { - display: block; + display: block !important; position: relative; height: 40px; + flex: none !important; .popup-title { color: #FFF; padding: 8px $-m; } } +body.flexbox-support #entity-selector-wrap .popup-body .form-group { + height: 444px; + min-height: 444px; +} #entity-selector-wrap .popup-body .form-group { margin: 0; } +//body.ie #entity-selector-wrap .popup-body .form-group { +// min-height: 60vh; +//} + .image-manager-body { - min-height: 60vh; + min-height: 70vh; } #image-manager .dropzone-container { diff --git a/resources/assets/sass/_grid.scss b/resources/assets/sass/_grid.scss index 26cfc25ff..231c12d4d 100644 --- a/resources/assets/sass/_grid.scss +++ b/resources/assets/sass/_grid.scss @@ -29,6 +29,10 @@ body.flexbox { flex: 1; } +//body.ie .flex-child > div { +// flex: 1 0 0px; +//} + /** Rules for all columns */ div[class^="col-"] img { max-width: 100%; diff --git a/resources/views/partials/image-manager.blade.php b/resources/views/partials/image-manager.blade.php index 1b3fb0cfb..83625ad88 100644 --- a/resources/views/partials/image-manager.blade.php +++ b/resources/views/partials/image-manager.blade.php @@ -4,7 +4,7 @@
@@ -31,7 +31,7 @@
- Uploaded @{{ getDate(image.created_at) | date:'mediumDate' }} + Uploaded @{{ getDate(image.created_at) }}
@@ -70,7 +70,7 @@
- +