Version uptick

RELEASE NOTES.md

@@ -1,5 +1,13 @@
 ## RELEASE NOTES
 
+### Version 0.8.6 - Nov 2, 2013
+
+**Fixes**
+- **Modal** - Fixes issue with scrollable variation on mobile, updates mobile styles
+
+**Docs**
+- Fixes bug in jquery waypoint 2.0.3 causing menus to be lame
+
 ### Version 0.8.5 - Nov 2, 2013
 
 **Fixes**

build/less/modules/modal.less

@@ -128,18 +128,26 @@
 @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;
+    width: auto !important;
+    max-width: 100%;
+  }
+  .ui.modal .actions {
+    padding-bottom: 0em
+  }
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 /* Tablet and Mobile */

build/minified/modules/modal.min.css

@@ -79,7 +79,7 @@
 @media only screen and (max-width:768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0 0 0 1em;
+    padding: 0 0 1em;
   }
 
   .ui.modal .content .right {
@@ -90,7 +90,17 @@
   }
 
   .ui.modal .content .image {
-    width: 100%!important;
+    width: auto!important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 

build/packaged/css/semantic.css

@@ -13220,18 +13220,28 @@ a.ui.teal.label:hover:before {
 @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;
     box-shadow: none;
   }
 
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0em;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 

build/packaged/css/semantic.min.css

@@ -1,6 +1,6 @@
 /*
 * # Semantic UI
-* Version: 0.8.5
+* Version: 0.8.6
 * http://github.com/jlukic/semantic-ui
 *
 *
@@ -10791,7 +10791,7 @@ a.ui.teal.label:hover:before {
 @media only screen and (max-width:768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0 0 0 1em;
+    padding: 0 0 1em;
   }
 
   .ui.modal .content .right {
@@ -10802,7 +10802,17 @@ a.ui.teal.label:hover:before {
   }
 
   .ui.modal .content .image {
-    width: 100%!important;
+    width: auto!important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 

build/packaged/javascript/semantic.min.js

@@ -1,5 +1,5 @@
 /** # Semantic UI
-* Version: 0.8.5
+* Version: 0.8.6
 * http://github.com/jlukic/semantic-ui
 *
 *

build/uncompressed/modules/modal.css

@@ -120,18 +120,28 @@
 @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;
     box-shadow: none;
   }
 
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0em;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "semantic",
-  "version": "0.8.5",
+  "version": "0.8.6",
   "title": "Semantic UI",
   "description": "Semantic empowers designers and developers by creating a shared vocabulary for UI.",
   "homepage": "http://www.semantic-ui.com",

rtl/less/modules/modal.less

@@ -128,18 +128,26 @@
 @media only screen and (max-width : 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 1em 0em 0em;
+    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;
+    width: auto !important;
+    max-width: 100%;
+  }
+  .ui.modal .actions {
+    padding-bottom: 0em
+  }
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 /* Tablet and Mobile */

rtl/minified/modules/modal.min.css

@@ -79,7 +79,7 @@
 @media only screen and (max-width:768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0 1em 0 0;
+    padding: 0 0 1em;
   }
 
   .ui.modal .content .right {
@@ -90,7 +90,17 @@
   }
 
   .ui.modal .content .image {
-    width: 100%!important;
+    width: auto!important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 

rtl/packaged/css/semantic.css

@@ -13220,18 +13220,28 @@ a.ui.teal.label:hover:before {
 @media only screen and (max-width: 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 1em 0em 0em;
+    padding: 0em 0em 1em;
   }
 
   .ui.modal .content .right {
     display: block;
-    padding: 1em 0em 0em 0em;
+    padding: 1em 0em 0em;
     -webkit-box-shadow: none;
     box-shadow: none;
   }
 
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0em;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 

rtl/packaged/css/semantic.min.css

@@ -1,6 +1,6 @@
 /*
 * # Semantic UI
-* Version: 0.8.5
+* Version: 0.8.6
 * http://github.com/jlukic/semantic-ui
 *
 *
@@ -10791,7 +10791,7 @@ a.ui.teal.label:hover:before {
 @media only screen and (max-width:768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0 1em 0 0;
+    padding: 0 0 1em;
   }
 
   .ui.modal .content .right {
@@ -10802,7 +10802,17 @@ a.ui.teal.label:hover:before {
   }
 
   .ui.modal .content .image {
-    width: 100%!important;
+    width: auto!important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 

rtl/packaged/javascript/semantic.min.js

@@ -1,5 +1,5 @@
 /** # Semantic UI
-* Version: 0.8.5
+* Version: 0.8.6
 * http://github.com/jlukic/semantic-ui
 *
 *

rtl/uncompressed/modules/modal.css

@@ -120,18 +120,28 @@
 @media only screen and (max-width: 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 1em 0em 0em;
+    padding: 0em 0em 1em;
   }
 
   .ui.modal .content .right {
     display: block;
-    padding: 1em 0em 0em 0em;
+    padding: 1em 0em 0em;
     -webkit-box-shadow: none;
     box-shadow: none;
   }
 
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0em;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 

server/documents/index.html.eco

@@ -15,7 +15,7 @@ type   : 'Semantic'
   <div class="ui page grid">
     <div class="column">
       <div class="introduction">
-        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.8.5</a></h1>
+        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.8.6</a></h1>
         <h2 class="ui header">UI is the vocabulary of the web.</h2>
         <p>Semantic empowers designers and developers by creating a language for sharing UI.</p>
         <a class="ui black large labeled launch icon button"><i class="icon list layout"></i> View UI</a>