Updates to docs for 2.2.12

Author: jlukic

docpad.coffee

@@ -29,7 +29,7 @@ docpadConfig = {
 			# Here are some old site urls that you would like to redirect from
 			oldUrls: [],
 
-			version: "2.2.11",
+			version: "2.2.12",
 
 			branch: "master",
 

server/documents/hotfix.html.eco

@@ -7,58 +7,67 @@ title      : 'Test Page'
 type       : 'Library'
 ---
 <div class="ui container">
+<div class="ui modal">
+  <i class="close icon"></i>
+  <div class="header">
+    Absolute positioned long drop down select list
+  </div>
+  <div class="image content">
+    <div class="description">
+      <div class="scroll">
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
 
-<form class="ui form">
-  <div class="ui left pointing dropdown">
-    <div class="text">File</div>
-    <i class="dropdown icon"></i>
-    <div class="menu">
-      <div class="item">New</div>
-      <div class="item">
-        <span class="description">ctrl + o</span>
-        Open...
-      </div>
-      <div class="item">
-        <span class="description">ctrl + s</span>
-        Save as...
-      </div>
-      <div class="item">
-        <span class="description">ctrl + r</span>
-        Rename
-      </div>
-      <div class="item">Make a copy</div>
-      <div class="item">
-        <i class="folder icon"></i>
-        Move to folder
-      </div>
-      <div class="item">
-        <i class="trash icon"></i>
-        Move to trash
-      </div>
-      <div class="divider"></div>
-      <div class="item">Download As...</div>
-      <div class="item">
-        <i class="dropdown icon"></i>
-        Publish To Web
-        <div class="menu">
-          <div class="item">Google Docs</div>
-          <div class="item">Google Drive</div>
-          <div class="item">Dropbox</div>
-          <div class="item">Adobe Creative Cloud</div>
-          <div class="item">Private FTP</div>
-          <div class="item">Another Service...</div>
-        </div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
+      <div>item</div>
       </div>
-      <div class="item">E-mail Collaborators</div>
     </div>
   </div>
-</form>
-
+  <div class="actions">
+    <div class="ui black deny button">
+      No
+    </div>
+    <div class="ui button">
+      Yes
+    </div>
+  </div>
+</div>
 </div>
 <script>
   $(document).ready(function() {
 
-    $('.ui.dropdown').dropdown();
+$('.ui.modal').modal({
+  observeChanges: true
+}).modal('show');
+
 });
 
 </script>
@@ -70,8 +79,12 @@ type       : 'Library'
   padding-top: 2em;
 }
 
-.ui.dropdown {
-  float: right;
+.scroll {
+  //display: none;
+  width: 200px;
+  position: absolute;
+  background-color: white;
+  border: 1px solid black;
 }
 
 </style>

server/documents/modules/dropdown.html.eco

@@ -1857,7 +1857,7 @@ themes      : ['Default', 'GitHub', 'Material']
     <div class="js example">
       <h4 class="ui header">
         Initializing with Javascript Only
-        <div class="ui teal label">New in 2.3.0</div>
+        <div class="ui teal label">New in 2.2.12</div>
       </h4>
       <p>You can specify a list of values in the settings object to avoid having to stub the html yourself.</p>
       <p>Adding <code>selected: true</code> to an item will have that item selected by default.</p>

server/files/stylesheets/docs.css

@@ -275,7 +275,6 @@ blockquote .author {
 }
 #example .language.dropdown > .menu {
   width: 280px;
-  transform: translate3d(0, 0, 0);
 }
 
 /*--------------
@@ -385,8 +384,6 @@ blockquote .author {
 }
 #example .fixed.column .sticky {
   margin-top: 0em;
-  -webkit-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0);
 }
 
 /*--------------
@@ -2012,12 +2009,6 @@ code .chunk {
 #example .main.container > .tab > .right.rail .sticky {
   padding-bottom: 2em;
 }
-#example .main.container > .right.rail .fixed.sticky,
-#example .main.container > .tab > .examples > .right.rail .fixed.sticky,
-#example .main.container > .tab > .right.rail .fixed.sticky {
-  -webkit-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0);
-}
 
 #example .following.menu .menu .active.item {
   font-weight: bold;

server/layouts/default.html.eco

@@ -31,5 +31,4 @@
   <%- @partial('dimmer-demo') %>
   <%- @partial('less') %>
 </body>
-
-</html>
+</html>