Optimizes modal display for mobile

build/less/modules/dimmer.less

@@ -152,6 +152,8 @@
   -ms-transform-origin: center center;
   transform-origin: center center;
 }
+
+.ui.scrolling.dimmable > .dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }

build/less/modules/modal.js

@@ -229,6 +229,7 @@ $.fn.modal = function(parameters) {
             module.debug('Showing modal');
             module.cacheSizes();
             module.set.position();
+            module.set.type();
 
             if( $otherModals.filter(':visible').size() > 0 ) {
               module.debug('Other modals visible, queueing show animation');
@@ -421,7 +422,6 @@ $.fn.modal = function(parameters) {
           active: function() {
             module.add.keyboardShortcuts();
             module.save.focus();
-            module.set.type();
             $module
               .addClass(className.active)
             ;

build/less/modules/modal.less

@@ -138,6 +138,9 @@
     -moz-box-shadow: none;
     box-shadow: none;
   }
+  .ui.modal .content .image {
+    width: 100% !important;
+  }
 }
 /* Tablet and Mobile */
 @media only screen and (max-width : 998px) {

build/minified/modules/dimmer.min.css

@@ -88,6 +88,7 @@
   transform-origin: center center;
 }
 
+.ui.scrolling.dimmable>.dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }

build/minified/modules/modal.min.css

@@ -88,6 +88,10 @@
     -webkit-box-shadow: none;
     box-shadow: none;
   }
+
+  .ui.modal .content .image {
+    width: 100%!important;
+  }
 }
 
 @media only screen and (max-width:998px) {

build/packaged/css/semantic.css

@@ -12533,6 +12533,7 @@ a.ui.teal.label:hover:before {
   transform-origin: center center;
 }
 
+.ui.scrolling.dimmable > .dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }
@@ -13228,6 +13229,10 @@ a.ui.teal.label:hover:before {
     -webkit-box-shadow: none;
     box-shadow: none;
   }
+
+  .ui.modal .content .image {
+    width: 100% !important;
+  }
 }
 
 /* Tablet and Mobile */

build/packaged/css/semantic.min.css

@@ -10253,6 +10253,7 @@ a.ui.teal.label:hover:before {
   transform-origin: center center;
 }
 
+.ui.scrolling.dimmable>.dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }
@@ -10799,6 +10800,10 @@ a.ui.teal.label:hover:before {
     -webkit-box-shadow: none;
     box-shadow: none;
   }
+
+  .ui.modal .content .image {
+    width: 100%!important;
+  }
 }
 
 @media only screen and (max-width:998px) {

build/packaged/javascript/semantic.js

@@ -5513,6 +5513,7 @@ $.fn.modal = function(parameters) {
             module.debug('Showing modal');
             module.cacheSizes();
             module.set.position();
+            module.set.type();
 
             if( $otherModals.filter(':visible').size() > 0 ) {
               module.debug('Other modals visible, queueing show animation');
@@ -5705,7 +5706,6 @@ $.fn.modal = function(parameters) {
           active: function() {
             module.add.keyboardShortcuts();
             module.save.focus();
-            module.set.type();
             $module
               .addClass(className.active)
             ;

build/uncompressed/modules/dimmer.css

@@ -119,6 +119,7 @@
   transform-origin: center center;
 }
 
+.ui.scrolling.dimmable > .dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }

build/uncompressed/modules/modal.css

@@ -129,6 +129,10 @@
     -webkit-box-shadow: none;
     box-shadow: none;
   }
+
+  .ui.modal .content .image {
+    width: 100% !important;
+  }
 }
 
 /* Tablet and Mobile */

build/uncompressed/modules/modal.js

@@ -229,6 +229,7 @@ $.fn.modal = function(parameters) {
             module.debug('Showing modal');
             module.cacheSizes();
             module.set.position();
+            module.set.type();
 
             if( $otherModals.filter(':visible').size() > 0 ) {
               module.debug('Other modals visible, queueing show animation');
@@ -421,7 +422,6 @@ $.fn.modal = function(parameters) {
           active: function() {
             module.add.keyboardShortcuts();
             module.save.focus();
-            module.set.type();
             $module
               .addClass(className.active)
             ;

rtl/less/modules/dimmer.less

@@ -152,6 +152,8 @@
   -ms-transform-origin: center center;
   transform-origin: center center;
 }
+
+.ui.scrolling.dimmable > .dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }

rtl/less/modules/modal.js

@@ -229,6 +229,7 @@ $.fn.modal = function(parameters) {
             module.debug('Showing modal');
             module.cacheSizes();
             module.set.position();
+            module.set.type();
 
             if( $otherModals.filter(':visible').size() > 0 ) {
               module.debug('Other modals visible, queueing show animation');
@@ -421,7 +422,6 @@ $.fn.modal = function(parameters) {
           active: function() {
             module.add.keyboardShortcuts();
             module.save.focus();
-            module.set.type();
             $module
               .addClass(className.active)
             ;

rtl/less/modules/modal.less

@@ -138,6 +138,9 @@
     -moz-box-shadow: none;
     box-shadow: none;
   }
+  .ui.modal .content .image {
+    width: 100% !important;
+  }
 }
 /* Tablet and Mobile */
 @media only screen and (max-width : 998px) {

rtl/minified/modules/dimmer.min.css

@@ -88,6 +88,7 @@
   transform-origin: center center;
 }
 
+.ui.scrolling.dimmable>.dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }

rtl/minified/modules/modal.min.css

@@ -88,6 +88,10 @@
     -webkit-box-shadow: none;
     box-shadow: none;
   }
+
+  .ui.modal .content .image {
+    width: 100%!important;
+  }
 }
 
 @media only screen and (max-width:998px) {

rtl/packaged/css/semantic.css

@@ -12533,6 +12533,7 @@ a.ui.teal.label:hover:before {
   transform-origin: center center;
 }
 
+.ui.scrolling.dimmable > .dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }
@@ -13228,6 +13229,10 @@ a.ui.teal.label:hover:before {
     -webkit-box-shadow: none;
     box-shadow: none;
   }
+
+  .ui.modal .content .image {
+    width: 100% !important;
+  }
 }
 
 /* Tablet and Mobile */

rtl/packaged/css/semantic.min.css

@@ -10253,6 +10253,7 @@ a.ui.teal.label:hover:before {
   transform-origin: center center;
 }
 
+.ui.scrolling.dimmable>.dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }
@@ -10799,6 +10800,10 @@ a.ui.teal.label:hover:before {
     -webkit-box-shadow: none;
     box-shadow: none;
   }
+
+  .ui.modal .content .image {
+    width: 100%!important;
+  }
 }
 
 @media only screen and (max-width:998px) {

rtl/packaged/javascript/semantic.js

@@ -5513,6 +5513,7 @@ $.fn.modal = function(parameters) {
             module.debug('Showing modal');
             module.cacheSizes();
             module.set.position();
+            module.set.type();
 
             if( $otherModals.filter(':visible').size() > 0 ) {
               module.debug('Other modals visible, queueing show animation');
@@ -5705,7 +5706,6 @@ $.fn.modal = function(parameters) {
           active: function() {
             module.add.keyboardShortcuts();
             module.save.focus();
-            module.set.type();
             $module
               .addClass(className.active)
             ;

rtl/uncompressed/modules/dimmer.css

@@ -119,6 +119,7 @@
   transform-origin: center center;
 }
 
+.ui.scrolling.dimmable > .dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }

rtl/uncompressed/modules/modal.css

@@ -129,6 +129,10 @@
     -webkit-box-shadow: none;
     box-shadow: none;
   }
+
+  .ui.modal .content .image {
+    width: 100% !important;
+  }
 }
 
 /* Tablet and Mobile */

rtl/uncompressed/modules/modal.js

@@ -229,6 +229,7 @@ $.fn.modal = function(parameters) {
             module.debug('Showing modal');
             module.cacheSizes();
             module.set.position();
+            module.set.type();
 
             if( $otherModals.filter(':visible').size() > 0 ) {
               module.debug('Other modals visible, queueing show animation');
@@ -421,7 +422,6 @@ $.fn.modal = function(parameters) {
           active: function() {
             module.add.keyboardShortcuts();
             module.save.focus();
-            module.set.type();
             $module
               .addClass(className.active)
             ;

server/layouts/default.html.eco

@@ -40,6 +40,7 @@
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/elements/input.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/elements/label.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/elements/loader.css">
+  <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/elements/reveal.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/elements/progress.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/elements/segment.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/elements/step.css">
@@ -61,7 +62,6 @@
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/modules/accordion.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/modules/dropdown.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/modules/popup.css">
-  <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/modules/reveal.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/modules/rating.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/modules/sidebar.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/build/uncompressed/modules/shape.css">

src/modules/dimmer.less

@@ -152,6 +152,8 @@
   -ms-transform-origin: center center;
   transform-origin: center center;
 }
+
+.ui.scrolling.dimmable > .dimmer,
 .ui.scrolling.page.dimmer {
   position: absolute;
 }

src/modules/modal.js

@@ -229,6 +229,7 @@ $.fn.modal = function(parameters) {
             module.debug('Showing modal');
             module.cacheSizes();
             module.set.position();
+            module.set.type();
 
             if( $otherModals.filter(':visible').size() > 0 ) {
               module.debug('Other modals visible, queueing show animation');
@@ -421,7 +422,6 @@ $.fn.modal = function(parameters) {
           active: function() {
             module.add.keyboardShortcuts();
             module.save.focus();
-            module.set.type();
             $module
               .addClass(className.active)
             ;

src/modules/modal.less

@@ -128,16 +128,19 @@
 @media only screen and (max-width : 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 0em 0em 1em;
+    padding: 0em 0em 1em;
   }
   .ui.modal .content .right {
     display: block;
-    padding: 1em 0em 0em 0em;
+    padding: 1em 0em 0em;
 
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
   }
+  .ui.modal .content .image {
+    width: 100% !important;
+  }
 }
 /* Tablet and Mobile */
 @media only screen and (max-width : 998px) {