tick up version

RELEASE NOTES.md

@@ -1,5 +1,11 @@
 ## RELEASE NOTES
 
+### Version 0.2.3 - Sep 28, 2013
+
+**Updates**
+
+- Fixes issues with modal not swapping to absoultely positioned from fixed when content cannot fit in viewport
+
 ### Version 0.2.2 - Sep 28, 2013
 
 **Updates**

build/minified/elements/image.min.css

@@ -1 +1 @@
-.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:rgba(0,0,0,.05)}img.ui.image{display:block;background:0}.ui.image img{display:block;max-width:100%;height:auto}.ui.disabled.image{cursor:default;opacity:.3}.ui.rounded.images .image,.ui.rounded.images img,.ui.rounded.image img,.ui.rounded.image{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.circular.images .image,.ui.circular.images img,.ui.circular.image img,.ui.circular.image{-webkit-border-radius:500rem;-moz-border-radius:500rem;border-radius:500rem}.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.image img,.ui.avatar.image{margin-right:.5em;display:inline-block;width:2em;height:2em;-webkit-border-radius:500rem;-moz-border-radius:500rem;border-radius:500rem}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.images,.ui.right.floated.image{float:right;margin-bottom:1em;margin-left:1em}.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.image{width:20px;font-size:.7rem}.ui.mini.images .image,.ui.mini.images img,.ui.mini.image{width:35px;font-size:.8rem}.ui.small.images .image,.ui.small.images img,.ui.small.image{width:80px;font-size:.9rem}.ui.medium.images .image,.ui.medium.images img,.ui.medium.image{width:300px;font-size:1rem}.ui.large.images .image,.ui.large.images img,.ui.large.image{width:450px;font-size:1.1rem}.ui.huge.images .image,.ui.huge.images img,.ui.huge.image{width:600px;font-size:1.2rem}.ui.images{font-size:0;margin:0 -.25rem 0rem}.ui.images .image,.ui.images img{display:inline-block;margin:0 .25em .5em}
+.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:rgba(0,0,0,.05)}img.ui.image{display:block;background:0}.ui.image img{display:block;max-width:100%;height:auto}.ui.disabled.image{cursor:default;opacity:.3}.ui.rounded.images .image,.ui.rounded.images img,.ui.rounded.image img,.ui.rounded.image{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.circular.images .image,.ui.circular.images img,.ui.circular.image img,.ui.circular.image{-webkit-border-radius:500rem;-moz-border-radius:500rem;border-radius:500rem}.ui.fluid.images,.ui.fluid.image,.ui.fluid.images img,.ui.fluid.image img{display:block;width:100%}.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.image img,.ui.avatar.image{margin-right:.5em;display:inline-block;width:2em;height:2em;-webkit-border-radius:500rem;-moz-border-radius:500rem;border-radius:500rem}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.images,.ui.right.floated.image{float:right;margin-bottom:1em;margin-left:1em}.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.image{width:20px;font-size:.7rem}.ui.mini.images .image,.ui.mini.images img,.ui.mini.image{width:35px;font-size:.8rem}.ui.small.images .image,.ui.small.images img,.ui.small.image{width:80px;font-size:.9rem}.ui.medium.images .image,.ui.medium.images img,.ui.medium.image{width:300px;font-size:1rem}.ui.large.images .image,.ui.large.images img,.ui.large.image{width:450px;font-size:1.1rem}.ui.huge.images .image,.ui.huge.images img,.ui.huge.image{width:600px;font-size:1.2rem}.ui.images{font-size:0;margin:0 -.25rem 0rem}.ui.images .image,.ui.images img{display:inline-block;margin:0 .25em .5em}

build/minified/modules/dimmer.min.css

@@ -1 +1 @@
-.ui.dimmable{position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:0;height:0;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;-ms-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:1000}.ui.dimmer>.content{width:100%;height:100%;display:table;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.dimmer>.content>div{display:table-cell;vertical-align:middle;color:#FFF}.ui.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.horizontal.segment>.ui.dimmer,.ui.vertical.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.dimmed.dimmable>.ui.dimmer,.ui.active.dimmer{display:block;width:100%;height:100%;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.ui.page.dimmer{position:fixed;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:2000px;-moz-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;-moz-transform-origin:center center;-o-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content>*{color:rgba(0,0,0,.8)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;z-index:-100;background-color:rgba(0,0,0,0)}.ui.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.ui.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}
+.ui.dimmable{position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:0;height:0;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;-ms-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:1000}.ui.dimmer>.content{width:100%;height:100%;display:table;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.dimmer>.content>div{display:table-cell;vertical-align:middle;color:#FFF}.ui.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.horizontal.segment>.ui.dimmer,.ui.vertical.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.dimmed.dimmable>.ui.dimmer,.ui.active.dimmer{display:block;width:100%;height:100%;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.ui.page.dimmer{position:fixed;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:2000px;-moz-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;-moz-transform-origin:center center;-o-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.ui.scrolling.page.dimmer{position:absolute}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content>*{color:rgba(0,0,0,.8)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;z-index:-100;background-color:rgba(0,0,0,0)}.ui.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.ui.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}

build/minified/modules/modal.min.css

@@ -1 +1 @@
-.ui.modal{display:none;position:fixed;z-index:1001;top:50%;left:50%;text-align:left;width:90%;margin-left:-45%;background-color:#FFF;border:1px solid #DDD;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.modal>.close{cursor:pointer;position:absolute;opacity:.8;font-size:1.25em;top:-1.75em;right:-1.75em;color:#FFF}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{margin:0;padding:1.5rem 2rem;font-size:1.6em;font-weight:700;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.modal>.content{display:table;width:100%;position:relative;padding:2em;background-color:#F4F4F4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.modal>.content>.left{display:table-cell;padding-right:5%}.ui.modal>.content>.right{display:table-cell;padding-left:5%;vertical-align:top}.ui.modal>.content>.left>.icon{font-size:8em;margin:0}.ui.modal>.content p{line-height:1.6}.ui.modal .actions{padding:1rem 2rem;text-align:right}.ui.modal .actions>.button{margin-left:.75em}@media only screen and (max-width:768px){.ui.modal .content .left{display:block;padding:0 0 0 1em}.ui.modal .content .right{display:block;padding:1em 0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}}@media only screen and (max-width:998px){.ui.modal{width:92%;margin-left:-46%}.ui.modal>.close{color:rgba(0,0,0,.8);top:1.5rem;right:1rem}}@media only screen and (min-width:998px){.ui.modal{width:74%;margin-left:-37%}}@media only screen and (min-width:1500px){.ui.modal{width:64%;margin-left:-32%}}@media only screen and (min-width:1750px){.ui.modal{width:54%;margin-left:-27%}}@media only screen and (min-width:2000px){.ui.modal{width:44%;margin-left:-22%}}.ui.basic.modal{background-color:transparent;border:0;color:#FFF}.ui.basic.modal>.close{top:1.5rem;right:1rem}.ui.basic.modal .content{background-color:transparent}.ui.modal.scrolling{position:absolute;margin-top:100px}.ui.active.modal{display:block}
+.ui.modal{display:none;position:fixed;z-index:1001;top:50%;left:50%;text-align:left;width:90%;margin-left:-45%;background-color:#FFF;border:1px solid #DDD;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.modal>.close{cursor:pointer;position:absolute;opacity:.8;font-size:1.25em;top:-1.75em;right:-1.75em;color:#FFF}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{margin:0;padding:1.5rem 2rem;font-size:1.6em;font-weight:700;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.modal>.content{display:table;width:100%;position:relative;padding:2em;background-color:#F4F4F4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.modal>.content>.left{display:table-cell;padding-right:5%;min-width:25%}.ui.modal>.content>.right{display:table-cell;padding-left:5%;vertical-align:top;min-width:25%}.ui.modal>.content>.left>.icon{font-size:8em;margin:0}.ui.modal>.content p{line-height:1.6}.ui.modal .actions{padding:1rem 2rem;text-align:right}.ui.modal .actions>.button{margin-left:.75em}@media only screen and (max-width:768px){.ui.modal .content .left{display:block;padding:0 0 0 1em}.ui.modal .content .right{display:block;padding:1em 0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}}@media only screen and (max-width:998px){.ui.modal{width:92%;margin-left:-46%}.ui.modal>.close{color:rgba(0,0,0,.8);top:1.5rem;right:1rem}}@media only screen and (min-width:998px){.ui.modal{width:74%;margin-left:-37%}}@media only screen and (min-width:1500px){.ui.modal{width:64%;margin-left:-32%}}@media only screen and (min-width:1750px){.ui.modal{width:54%;margin-left:-27%}}@media only screen and (min-width:2000px){.ui.modal{width:44%;margin-left:-22%}}.ui.basic.modal{background-color:transparent;border:0;color:#FFF}.ui.basic.modal>.close{top:1.5rem;right:1rem}.ui.basic.modal .content{background-color:transparent}.ui.modal.scrolling{position:absolute;margin-top:10px}.ui.active.modal{display:block}

build/packaged/css/semantic.css

@@ -6921,6 +6921,16 @@ img.ui.image {
   -moz-border-radius: 500rem;
   border-radius: 500rem;
 }
+/*--------------
+     Fluid
+---------------*/
+.ui.fluid.images,
+.ui.fluid.image,
+.ui.fluid.images img,
+.ui.fluid.image img {
+  display: block;
+  width: 100%;
+}
 /*--------------
      Avatar
 ---------------*/
@@ -9796,6 +9806,9 @@ a.ui.teal.label:hover:before {
   -ms-transform-origin: center center;
   transform-origin: center center;
 }
+.ui.scrolling.page.dimmer {
+  position: absolute;
+}
 /*
 body.ui.dimmed.dimmable > :not(.dimmer){
   -webkit-filter: ~"blur(15px) grayscale(0.7)";
@@ -10339,11 +10352,13 @@ body.ui.dimmed.dimmable > :not(.dimmer){
 .ui.modal > .content > .left {
   display: table-cell;
   padding-right: 5%;
+  min-width: 25%;
 }
 .ui.modal > .content > .right {
   display: table-cell;
   padding-left: 5%;
   vertical-align: top;
+  min-width: 25%;
 }
 .ui.modal > .content > .left > .icon {
   font-size: 8em;
@@ -10437,7 +10452,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
 /* A modal that cannot fit on the page */
 .ui.modal.scrolling {
   position: absolute;
-  margin-top: 100px;
+  margin-top: 10px;
 }
 /*******************************
               States

build/packaged/javascript/semantic.js

@@ -5177,6 +5177,7 @@ $.fn.modal = function(parameters) {
         $context     = $(settings.context),
         $otherModals = $allModules.not($module),
         $close       = $module.find(selector.close),
+        $dimmer,
 
         element      = this,
         instance     = $module.data(moduleNamespace),
@@ -5187,10 +5188,14 @@ $.fn.modal = function(parameters) {
 
         initialize: function() {
           module.verbose('Initializing dimmer', $context);
-          $context
+
+          $dimmer = $context
             .dimmer('add content', $module)
+            .dimmer('get dimmer')
           ;
 
+          console.log($dimmer);
+
           module.verbose('Attaching close events', $close);
           $close
             .on('click' + eventNamespace, module.event.close)
@@ -5220,6 +5225,7 @@ $.fn.modal = function(parameters) {
         },
 
         refresh: function() {
+          module.remove.scrolling();
           module.cacheSizes();
           module.set.type();
           module.set.position();
@@ -5264,12 +5270,14 @@ $.fn.modal = function(parameters) {
         show: function() {
           module.showDimmer();
           module.cacheSizes();
-          module.set.type();
           module.set.position();
           module.hideAll();
           if(settings.transition && $.fn.transition !== undefined) {
             $module
-              .transition(settings.transition + ' in', settings.duration, module.set.active)
+              .transition(settings.transition + ' in', settings.duration, function() {
+                module.set.active();
+                module.set.type();
+              })
             ;
           }
           else {
@@ -5336,6 +5344,10 @@ $.fn.modal = function(parameters) {
             $document
               .off('keyup' + eventNamespace)
             ;
+          },
+          scrolling: function() {
+            $dimmer.removeClass(className.scrolling);
+            $module.removeClass(className.scrolling);
           }
         },
 
@@ -5379,14 +5391,19 @@ $.fn.modal = function(parameters) {
               .dimmer('initialize')
             ;
           },
+          scrolling: function() {
+            console.log($dimmer, 'set scrolling');
+            $dimmer.addClass(className.scrolling);
+            $module.addClass(className.scrolling);
+          },
           type: function() {
             if(module.can.fit()) {
               module.verbose('Modal fits on screen');
-              $module.removeClass(className.scrolling);
+              module.remove.scrolling();
             }
             else {
               module.verbose('Modal cannot fit on screen setting to scrolling');
-              $module.addClass(className.scrolling);
+              module.set.scrolling();
             }
           },
           position: function() {
@@ -5394,6 +5411,7 @@ $.fn.modal = function(parameters) {
             if(module.can.fit()) {
               $module
                 .css({
+                  top: '50%',
                   marginTop: -(module.cache.height / 2)
                 })
               ;
@@ -5401,7 +5419,8 @@ $.fn.modal = function(parameters) {
             else {
               $module
                 .css({
-                  top: $context.prop('scrollTop')
+                  marginTop : '1em',
+                  top       : $document.scrollTop()
                 })
               ;
             }
@@ -5595,13 +5614,12 @@ $.fn.modal.settings = {
   debug       : true,
   performance : true,
 
-  offset      : 0,
-  transition  : 'scale',
-  duration    : 500,
-  easing      : 'easeOutExpo',
-
   closable    : true,
   context     : 'body',
+  duration    : 500,
+  easing      : 'easeOutExpo',
+  offset      : 0,
+  transition  : 'scale',
 
   onShow      : function(){},
   onHide      : function(){},

node/package.json

@@ -1,7 +1,7 @@
 {
   "semantic": {
     "name": "Semantic UI",
-    "version": "0.2.2"
+    "version": "0.2.3"
   },
   "dependencies": {
     "docpad": "~6.53.0",

node/src/documents/modules/modal.html.eco

@@ -25,7 +25,7 @@ type        : 'UI Module'
       </div>
     </div>
     <div class="actions">
-      <div class="two huge fluid ui buttons">
+      <div class="two fluid ui buttons">
         <div class="ui red labeled icon button">
           <i class="remove icon"></i>
           No

node/src/files/build/minified/elements/image.min.css

@@ -1 +1 @@
-.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:rgba(0,0,0,.05)}img.ui.image{display:block;background:0}.ui.image img{display:block;max-width:100%;height:auto}.ui.disabled.image{cursor:default;opacity:.3}.ui.rounded.images .image,.ui.rounded.images img,.ui.rounded.image img,.ui.rounded.image{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.circular.images .image,.ui.circular.images img,.ui.circular.image img,.ui.circular.image{-webkit-border-radius:500rem;-moz-border-radius:500rem;border-radius:500rem}.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.image img,.ui.avatar.image{margin-right:.5em;display:inline-block;width:2em;height:2em;-webkit-border-radius:500rem;-moz-border-radius:500rem;border-radius:500rem}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.images,.ui.right.floated.image{float:right;margin-bottom:1em;margin-left:1em}.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.image{width:20px;font-size:.7rem}.ui.mini.images .image,.ui.mini.images img,.ui.mini.image{width:35px;font-size:.8rem}.ui.small.images .image,.ui.small.images img,.ui.small.image{width:80px;font-size:.9rem}.ui.medium.images .image,.ui.medium.images img,.ui.medium.image{width:300px;font-size:1rem}.ui.large.images .image,.ui.large.images img,.ui.large.image{width:450px;font-size:1.1rem}.ui.huge.images .image,.ui.huge.images img,.ui.huge.image{width:600px;font-size:1.2rem}.ui.images{font-size:0;margin:0 -.25rem 0rem}.ui.images .image,.ui.images img{display:inline-block;margin:0 .25em .5em}
+.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:rgba(0,0,0,.05)}img.ui.image{display:block;background:0}.ui.image img{display:block;max-width:100%;height:auto}.ui.disabled.image{cursor:default;opacity:.3}.ui.rounded.images .image,.ui.rounded.images img,.ui.rounded.image img,.ui.rounded.image{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.circular.images .image,.ui.circular.images img,.ui.circular.image img,.ui.circular.image{-webkit-border-radius:500rem;-moz-border-radius:500rem;border-radius:500rem}.ui.fluid.images,.ui.fluid.image,.ui.fluid.images img,.ui.fluid.image img{display:block;width:100%}.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.image img,.ui.avatar.image{margin-right:.5em;display:inline-block;width:2em;height:2em;-webkit-border-radius:500rem;-moz-border-radius:500rem;border-radius:500rem}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.images,.ui.right.floated.image{float:right;margin-bottom:1em;margin-left:1em}.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.image{width:20px;font-size:.7rem}.ui.mini.images .image,.ui.mini.images img,.ui.mini.image{width:35px;font-size:.8rem}.ui.small.images .image,.ui.small.images img,.ui.small.image{width:80px;font-size:.9rem}.ui.medium.images .image,.ui.medium.images img,.ui.medium.image{width:300px;font-size:1rem}.ui.large.images .image,.ui.large.images img,.ui.large.image{width:450px;font-size:1.1rem}.ui.huge.images .image,.ui.huge.images img,.ui.huge.image{width:600px;font-size:1.2rem}.ui.images{font-size:0;margin:0 -.25rem 0rem}.ui.images .image,.ui.images img{display:inline-block;margin:0 .25em .5em}

node/src/files/build/minified/modules/dimmer.min.css

@@ -1 +1 @@
-.ui.dimmable{position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:0;height:0;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;-ms-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:1000}.ui.dimmer>.content{width:100%;height:100%;display:table;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.dimmer>.content>div{display:table-cell;vertical-align:middle;color:#FFF}.ui.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.horizontal.segment>.ui.dimmer,.ui.vertical.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.dimmed.dimmable>.ui.dimmer,.ui.active.dimmer{display:block;width:100%;height:100%;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.ui.page.dimmer{position:fixed;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:2000px;-moz-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;-moz-transform-origin:center center;-o-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content>*{color:rgba(0,0,0,.8)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;z-index:-100;background-color:rgba(0,0,0,0)}.ui.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.ui.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}
+.ui.dimmable{position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:0;height:0;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;-ms-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:1000}.ui.dimmer>.content{width:100%;height:100%;display:table;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.dimmer>.content>div{display:table-cell;vertical-align:middle;color:#FFF}.ui.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.horizontal.segment>.ui.dimmer,.ui.vertical.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.dimmed.dimmable>.ui.dimmer,.ui.active.dimmer{display:block;width:100%;height:100%;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.ui.page.dimmer{position:fixed;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:2000px;-moz-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;-moz-transform-origin:center center;-o-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.ui.scrolling.page.dimmer{position:absolute}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content>*{color:rgba(0,0,0,.8)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;z-index:-100;background-color:rgba(0,0,0,0)}.ui.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.ui.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}

node/src/files/build/minified/modules/modal.min.css

@@ -1 +1 @@
-.ui.modal{display:none;position:fixed;z-index:1001;top:50%;left:50%;text-align:left;width:90%;margin-left:-45%;background-color:#FFF;border:1px solid #DDD;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.modal>.close{cursor:pointer;position:absolute;opacity:.8;font-size:1.25em;top:-1.75em;right:-1.75em;color:#FFF}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{margin:0;padding:1.5rem 2rem;font-size:1.6em;font-weight:700;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.modal>.content{display:table;width:100%;position:relative;padding:2em;background-color:#F4F4F4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.modal>.content>.left{display:table-cell;padding-right:5%}.ui.modal>.content>.right{display:table-cell;padding-left:5%;vertical-align:top}.ui.modal>.content>.left>.icon{font-size:8em;margin:0}.ui.modal>.content p{line-height:1.6}.ui.modal .actions{padding:1rem 2rem;text-align:right}.ui.modal .actions>.button{margin-left:.75em}@media only screen and (max-width:768px){.ui.modal .content .left{display:block;padding:0 0 0 1em}.ui.modal .content .right{display:block;padding:1em 0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}}@media only screen and (max-width:998px){.ui.modal{width:92%;margin-left:-46%}.ui.modal>.close{color:rgba(0,0,0,.8);top:1.5rem;right:1rem}}@media only screen and (min-width:998px){.ui.modal{width:74%;margin-left:-37%}}@media only screen and (min-width:1500px){.ui.modal{width:64%;margin-left:-32%}}@media only screen and (min-width:1750px){.ui.modal{width:54%;margin-left:-27%}}@media only screen and (min-width:2000px){.ui.modal{width:44%;margin-left:-22%}}.ui.basic.modal{background-color:transparent;border:0;color:#FFF}.ui.basic.modal>.close{top:1.5rem;right:1rem}.ui.basic.modal .content{background-color:transparent}.ui.modal.scrolling{position:absolute;margin-top:100px}.ui.active.modal{display:block}
+.ui.modal{display:none;position:fixed;z-index:1001;top:50%;left:50%;text-align:left;width:90%;margin-left:-45%;background-color:#FFF;border:1px solid #DDD;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.modal>.close{cursor:pointer;position:absolute;opacity:.8;font-size:1.25em;top:-1.75em;right:-1.75em;color:#FFF}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{margin:0;padding:1.5rem 2rem;font-size:1.6em;font-weight:700;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.modal>.content{display:table;width:100%;position:relative;padding:2em;background-color:#F4F4F4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.modal>.content>.left{display:table-cell;padding-right:5%;min-width:25%}.ui.modal>.content>.right{display:table-cell;padding-left:5%;vertical-align:top;min-width:25%}.ui.modal>.content>.left>.icon{font-size:8em;margin:0}.ui.modal>.content p{line-height:1.6}.ui.modal .actions{padding:1rem 2rem;text-align:right}.ui.modal .actions>.button{margin-left:.75em}@media only screen and (max-width:768px){.ui.modal .content .left{display:block;padding:0 0 0 1em}.ui.modal .content .right{display:block;padding:1em 0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}}@media only screen and (max-width:998px){.ui.modal{width:92%;margin-left:-46%}.ui.modal>.close{color:rgba(0,0,0,.8);top:1.5rem;right:1rem}}@media only screen and (min-width:998px){.ui.modal{width:74%;margin-left:-37%}}@media only screen and (min-width:1500px){.ui.modal{width:64%;margin-left:-32%}}@media only screen and (min-width:1750px){.ui.modal{width:54%;margin-left:-27%}}@media only screen and (min-width:2000px){.ui.modal{width:44%;margin-left:-22%}}.ui.basic.modal{background-color:transparent;border:0;color:#FFF}.ui.basic.modal>.close{top:1.5rem;right:1rem}.ui.basic.modal .content{background-color:transparent}.ui.modal.scrolling{position:absolute;margin-top:10px}.ui.active.modal{display:block}

node/src/files/build/packaged/css/semantic.css

@@ -6921,6 +6921,16 @@ img.ui.image {
   -moz-border-radius: 500rem;
   border-radius: 500rem;
 }
+/*--------------
+     Fluid
+---------------*/
+.ui.fluid.images,
+.ui.fluid.image,
+.ui.fluid.images img,
+.ui.fluid.image img {
+  display: block;
+  width: 100%;
+}
 /*--------------
      Avatar
 ---------------*/
@@ -9796,6 +9806,9 @@ a.ui.teal.label:hover:before {
   -ms-transform-origin: center center;
   transform-origin: center center;
 }
+.ui.scrolling.page.dimmer {
+  position: absolute;
+}
 /*
 body.ui.dimmed.dimmable > :not(.dimmer){
   -webkit-filter: ~"blur(15px) grayscale(0.7)";
@@ -10339,11 +10352,13 @@ body.ui.dimmed.dimmable > :not(.dimmer){
 .ui.modal > .content > .left {
   display: table-cell;
   padding-right: 5%;
+  min-width: 25%;
 }
 .ui.modal > .content > .right {
   display: table-cell;
   padding-left: 5%;
   vertical-align: top;
+  min-width: 25%;
 }
 .ui.modal > .content > .left > .icon {
   font-size: 8em;
@@ -10437,7 +10452,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
 /* A modal that cannot fit on the page */
 .ui.modal.scrolling {
   position: absolute;
-  margin-top: 100px;
+  margin-top: 10px;
 }
 /*******************************
               States

node/src/files/build/packaged/javascript/semantic.js

@@ -5177,6 +5177,7 @@ $.fn.modal = function(parameters) {
         $context     = $(settings.context),
         $otherModals = $allModules.not($module),
         $close       = $module.find(selector.close),
+        $dimmer,
 
         element      = this,
         instance     = $module.data(moduleNamespace),
@@ -5187,10 +5188,14 @@ $.fn.modal = function(parameters) {
 
         initialize: function() {
           module.verbose('Initializing dimmer', $context);
-          $context
+
+          $dimmer = $context
             .dimmer('add content', $module)
+            .dimmer('get dimmer')
           ;
 
+          console.log($dimmer);
+
           module.verbose('Attaching close events', $close);
           $close
             .on('click' + eventNamespace, module.event.close)
@@ -5220,6 +5225,7 @@ $.fn.modal = function(parameters) {
         },
 
         refresh: function() {
+          module.remove.scrolling();
           module.cacheSizes();
           module.set.type();
           module.set.position();
@@ -5264,12 +5270,14 @@ $.fn.modal = function(parameters) {
         show: function() {
           module.showDimmer();
           module.cacheSizes();
-          module.set.type();
           module.set.position();
           module.hideAll();
           if(settings.transition && $.fn.transition !== undefined) {
             $module
-              .transition(settings.transition + ' in', settings.duration, module.set.active)
+              .transition(settings.transition + ' in', settings.duration, function() {
+                module.set.active();
+                module.set.type();
+              })
             ;
           }
           else {
@@ -5336,6 +5344,10 @@ $.fn.modal = function(parameters) {
             $document
               .off('keyup' + eventNamespace)
             ;
+          },
+          scrolling: function() {
+            $dimmer.removeClass(className.scrolling);
+            $module.removeClass(className.scrolling);
           }
         },
 
@@ -5379,14 +5391,19 @@ $.fn.modal = function(parameters) {
               .dimmer('initialize')
             ;
           },
+          scrolling: function() {
+            console.log($dimmer, 'set scrolling');
+            $dimmer.addClass(className.scrolling);
+            $module.addClass(className.scrolling);
+          },
           type: function() {
             if(module.can.fit()) {
               module.verbose('Modal fits on screen');
-              $module.removeClass(className.scrolling);
+              module.remove.scrolling();
             }
             else {
               module.verbose('Modal cannot fit on screen setting to scrolling');
-              $module.addClass(className.scrolling);
+              module.set.scrolling();
             }
           },
           position: function() {
@@ -5394,6 +5411,7 @@ $.fn.modal = function(parameters) {
             if(module.can.fit()) {
               $module
                 .css({
+                  top: '50%',
                   marginTop: -(module.cache.height / 2)
                 })
               ;
@@ -5401,7 +5419,8 @@ $.fn.modal = function(parameters) {
             else {
               $module
                 .css({
-                  top: $context.prop('scrollTop')
+                  marginTop : '1em',
+                  top       : $document.scrollTop()
                 })
               ;
             }
@@ -5595,13 +5614,12 @@ $.fn.modal.settings = {
   debug       : true,
   performance : true,
 
-  offset      : 0,
-  transition  : 'scale',
-  duration    : 500,
-  easing      : 'easeOutExpo',
-
   closable    : true,
   context     : 'body',
+  duration    : 500,
+  easing      : 'easeOutExpo',
+  offset      : 0,
+  transition  : 'scale',
 
   onShow      : function(){},
   onHide      : function(){},