fixes to forum new post page, adds sticky db migration to allow for sticky posts, updates ui

build/minified/elements/image.min.css

@@ -1 +1 @@
-.ui.image{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{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.circular.images .image,.ui.circular.images img,.ui.circular.image{margin-right:.5em;-webkit-border-radius:500em;-moz-border-radius:500em;border-radius:500em}.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.image{margin-right:.5em;display:inline-block;width:2em;height:2em;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.floated.image,.ui.floated.images{float:left;margin-right:.5em}.ui.right.floated.images,.ui.right.floated.image{float:right;margin-left:.5em}.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{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{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.circular.images .image,.ui.circular.images img,.ui.circular.image{margin-right:.5em;-webkit-border-radius:500em;-moz-border-radius:500em;border-radius:500em}.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.image{margin-right:.5em;display:inline-block;width:2em;height:2em;-webkit-border-radius:500em;-moz-border-radius:500em;border-radius:500em}.ui.floated.image,.ui.floated.images{float:left;margin-right:.5em}.ui.right.floated.images,.ui.right.floated.image{float:right;margin-left:.5em}.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/views/comment.min.css

@@ -1 +1 @@
-.ui.comments a{cursor:pointer}.ui.comments .comment{position:relative;margin-top:.75em;padding-top:.75em;width:100%}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .avatar{display:block;float:left;width:4em}.ui.comments .comment .avatar img{display:block;margin:0 auto;width:3em;height:3em;border-radius:500px}.ui.comments .comment>.content,.ui.comments .comment>.avatar{display:block}.ui.comments .comment .avatar~.content{padding:0 1em}.ui.comments .comment>.avatar~.content{padding-top:.25em;margin-left:3.5em}.ui.comments .comment .metadata{display:inline-block;margin-left:.3em;color:rgba(0,0,0,.4)}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .3em 0 0}.ui.comments .comment .text{margin:0 0 .5em}.ui.comments .comment .actions{font-size:.9em}.ui.comments .comment .actions a{display:inline-block;margin:0 .3em 0 0;color:rgba(0,0,0,.3)}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.6)}.ui.comments .reply.form{margin-top:.75em;width:100%;max-width:30em}.ui.comments .comment .reply.form{margin-left:2em}.ui.comments>.reply.form{margin-top:1.5em;max-width:40em}.ui.comments .reply.form textarea{height:12em}.ui.comments .comment .comments{margin-top:.25em;padding-top:.25em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments>.comment .comments{margin-left:2em}.ui.comments>.comment>.comments>.comment>.comments{margin-left:1.75em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments{margin-left:1.5em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments>.comment .comments{margin-left:.5em}.ui.threaded.comments .comment .comments{margin-left:2em!important;padding-left:2em!important;-webkit-box-shadow:-1px 0 0 rgba(0,0,0,.05);-moz-box-shadow:-1px 0 0 rgba(0,0,0,.05);box-shadow:-1px 0 0 rgba(0,0,0,.05)}.ui.minimal.comments .comment .actions{opacity:0;-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;transition:opacity .1s ease-out;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}.ui.minimal.comments .comment>.content:hover>.actions{opacity:1}.ui.small.comments{font-size:.875em}
+.ui.comments a{cursor:pointer}.ui.comments .comment{position:relative;margin-top:.75em;padding-top:.75em}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .avatar{display:block;float:left;width:4em}.ui.comments .comment .avatar img{display:block;margin:0 auto;width:3em;height:3em;border-radius:500px}.ui.comments .comment>.content,.ui.comments .comment>.avatar{display:block}.ui.comments .comment .avatar~.content{padding:0 1em}.ui.comments .comment>.avatar~.content{padding-top:.25em;margin-left:3.5em}.ui.comments .comment .metadata{display:inline-block;margin-left:.3em;color:rgba(0,0,0,.4)}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .3em 0 0}.ui.comments .comment .text{margin:0 0 .5em}.ui.comments .comment .actions{font-size:.9em}.ui.comments .comment .actions a{display:inline-block;margin:0 .3em 0 0;color:rgba(0,0,0,.3)}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.6)}.ui.comments .reply.form{margin-top:.75em;width:100%;max-width:30em}.ui.comments .comment .reply.form{margin-left:2em}.ui.comments>.reply.form{margin-top:1.5em;max-width:40em}.ui.comments .reply.form textarea{height:12em}.ui.comments .comment .comments{margin-top:.25em;padding-top:.25em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments>.comment .comments{margin-left:2em}.ui.comments>.comment>.comments>.comment>.comments{margin-left:1.75em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments{margin-left:1.5em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments>.comment .comments{margin-left:.5em}.ui.threaded.comments .comment .comments{margin-left:2em!important;padding-left:2em!important;-webkit-box-shadow:-1px 0 0 rgba(0,0,0,.05);-moz-box-shadow:-1px 0 0 rgba(0,0,0,.05);box-shadow:-1px 0 0 rgba(0,0,0,.05)}.ui.minimal.comments .comment .actions{opacity:0;-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;transition:opacity .1s ease-out;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}.ui.minimal.comments .comment>.content:hover>.actions{opacity:1}.ui.small.comments{font-size:.875em}

build/uncompressed/collections/menu.css

@@ -1015,6 +1015,7 @@
 --------------------*/
 .ui.compact.menu {
   display: inline-block;
+  vertical-align: middle;
 }
 .ui.vertical.compact.menu {
   width: auto !important;

build/uncompressed/elements/button.css

@@ -378,6 +378,10 @@
 /*-------------------
         Sizes
 --------------------*/
+.ui.buttons .button,
+.ui.button {
+  font-size: 1rem;
+}
 .ui.buttons.mini .button,
 .ui.mini.button {
   font-size: 0.8rem;
@@ -392,10 +396,6 @@
 .ui.small.button {
   font-size: 0.9rem;
 }
-.ui.buttons .button,
-.ui.button {
-  font-size: 1rem;
-}
 .ui.large.buttons .button,
 .ui.large.button {
   font-size: 1.125rem;
@@ -467,6 +467,7 @@
 .ui.buttons.tertiary .button,
 .ui.tertiary.button {
   background-color: transparent;
+  background-image: none;
   color: #999999;
   font-weight: normal;
   text-transform: none;

build/uncompressed/elements/image.css

@@ -68,9 +68,9 @@ img.ui.image {
   display: inline-block;
   width: 2em;
   height: 2em;
-  -webkit-border-radius: 0.3125em;
-  -moz-border-radius: 0.3125em;
-  border-radius: 0.3125em;
+  -webkit-border-radius: 500em;
+  -moz-border-radius: 500em;
+  border-radius: 500em;
 }
 /*-------------------
        Floated

build/uncompressed/views/comment.css

@@ -25,7 +25,6 @@
   position: relative;
   margin-top: 0.75em;
   padding-top: 0.75em;
-  width: 100%;
 }
 .ui.comments .comment:first-child {
   margin-top: 0em;

node/src/documents/collections/menu.html

@@ -6,7 +6,6 @@ title  : 'Menu'
 type   : 'UI Collection'
 ---
 <script src="/javascript/menu.js"></script>
-<link rel="stylesheet" type="text/css" href="/stylesheets/menu.css">
 <div class="segment">
   <div class="container">
     <h1 class="ui dividing header">Menu</h1>
@@ -203,7 +202,7 @@ type   : 'UI Collection'
         <div class="ui input"><input type="text" placeholder="Search..."></div>
       </div>
       <div class="ui simple dropdown item">
-        More <i class="icon right triangle"></i>
+        More <i class="icon dropdown"></i>
         <div class="menu">
           <a class="item"><i class="edit icon"></i> Edit Profile</a>
           <a class="item"><i class="globe icon"></i> Choose Language</a>
@@ -766,7 +765,7 @@ type   : 'UI Collection'
       </div>
       <div class="right menu">
         <div class="ui simple dropdown item">
-          Dropdown <i class="icon down-dir"></i>
+          Dropdown <i class="icon dropdown"></i>
           <div class="menu">
             <div class="item">Choice 1</div>
             <div class="item">Choice 2</div>
@@ -803,7 +802,7 @@ type   : 'UI Collection'
         <a>Current section</a>
       </div>
       <div class="ui simple dropdown item">
-        Dropdown <i class="icon down-dir"></i>
+        Dropdown <i class="icon dropdown"></i>
         <div class="menu">
           <div class="item">Choice 1</div>
           <div class="item">Choice 2</div>

node/src/files/components/semantic/collections/menu.css

@@ -1015,6 +1015,7 @@
 --------------------*/
 .ui.compact.menu {
   display: inline-block;
+  vertical-align: middle;
 }
 .ui.vertical.compact.menu {
   width: auto !important;

node/src/files/components/semantic/elements/button.css

@@ -378,6 +378,10 @@
 /*-------------------
         Sizes
 --------------------*/
+.ui.buttons .button,
+.ui.button {
+  font-size: 1rem;
+}
 .ui.buttons.mini .button,
 .ui.mini.button {
   font-size: 0.8rem;
@@ -392,10 +396,6 @@
 .ui.small.button {
   font-size: 0.9rem;
 }
-.ui.buttons .button,
-.ui.button {
-  font-size: 1rem;
-}
 .ui.large.buttons .button,
 .ui.large.button {
   font-size: 1.125rem;
@@ -467,6 +467,7 @@
 .ui.buttons.tertiary .button,
 .ui.tertiary.button {
   background-color: transparent;
+  background-image: none;
   color: #999999;
   font-weight: normal;
   text-transform: none;

node/src/files/components/semantic/elements/image.css

@@ -68,9 +68,9 @@ img.ui.image {
   display: inline-block;
   width: 2em;
   height: 2em;
-  -webkit-border-radius: 0.3125em;
-  -moz-border-radius: 0.3125em;
-  border-radius: 0.3125em;
+  -webkit-border-radius: 500em;
+  -moz-border-radius: 500em;
+  border-radius: 500em;
 }
 /*-------------------
        Floated

node/src/files/components/semantic/views/comment.css

@@ -25,7 +25,6 @@
   position: relative;
   margin-top: 0.75em;
   padding-top: 0.75em;
-  width: 100%;
 }
 .ui.comments .comment:first-child {
   margin-top: 0em;

node/src/files/javascript/library/sidr.js

@@ -101,7 +101,8 @@
 
         // Open menu
         $body.css({
-          position: 'absolute'
+          position: 'absolute',
+          width: $body.width()
         }).animate(bodyAnimation, speed);
         $menu.css('display', 'block').animate(menuAnimation, speed, function() {
           sidrMoving = false;

node/src/files/stylesheets/menu.css

@@ -1,120 +0,0 @@
-.ui.menu {
-  background-image: -webkit-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-  background-image: -moz-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-  background-image: -o-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-  background-image: -ms-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-  background-image: linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
-  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
-  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
-}
-.ui.tiered.menu {
-  background-image: -webkit-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.02) 100%)
-  ;
-  background-image: -moz-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.02) 100%)
-  ;
-  background-image: -o-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.02) 100%)
-  ;
-  background-image: -ms-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.02) 100%)
-  ;
-  background-image: linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.02) 100%)
-  ;
-}
-.ui.tiered.menu .item.active {
-  -moz-box-shadow: 0px 1px 0px 0px #F9F9F9;
-  -webkit-box-shadow: 0px 1px 0px 0px #F9F9F9;
-  box-shadow: 0px 1px 0px 0px #F9F9F9;
-}
-
-.ui.pointing.menu .active.item:after {
-  background-color: #F1F1F1;
-}
-.ui.vertical.pointing.menu .active.item:after {
-  background-color: #FAFAFA;
-}
-
-
-.ui.vertical.menu,
-.ui.secondary.menu,
-.ui.text.menu {
-  background-image: none;
-}
-
-.ui.vertical.menu .item {
-  background-image: -webkit-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.01) 100%)
-  ;
-  background-image: -moz-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.01) 100%)
-  ;
-  background-image: -o-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.01) 100%)
-  ;
-  background-image: -ms-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.01) 100%)
-  ;
-  background-image: linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.01) 100%)
-  ;
-}
-.ui.inverted.vertical.menu .item {
-  background-image: -webkit-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-  background-image: -moz-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-  background-image: -o-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-  background-image: -ms-linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-  background-image: linear-gradient(top,
-    transparent 0%,
-    rgba(0, 0, 0, 0.05) 100%)
-  ;
-}
-.ui.vertical.menu .item .menu .item {
-  background-image: none;
-}
-
-.ui.vertical.secondary.menu .item,
-.ui.vertical.secondary.menu .item,
-.ui.vertical.secondary.menu .item {
-  background-image: none;
-}

node/src/layouts/default.html.eco

@@ -108,25 +108,25 @@
       </div>
     </div>
     <div class="item">
-      <a href="/module.html"><b>Modules</b></a>
+      <a href="/view.html"><b>Views</b></a>
       <div class="menu">
-        <% for element in uiModules: %>
+        <% for element in uiViews: %>
           <a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
         <% end %>
       </div>
     </div>
     <div class="item">
-      <a href="/module.html"><b>Behavior</b></a>
+      <a href="/module.html"><b>Modules</b></a>
       <div class="menu">
-        <% for element in uiBehavior: %>
+        <% for element in uiModules: %>
           <a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
         <% end %>
       </div>
     </div>
     <div class="item">
-      <a href="/view.html"><b>Views</b></a>
+      <a href="/module.html"><b>Behavior</b></a>
       <div class="menu">
-        <% for element in uiViews: %>
+        <% for element in uiBehavior: %>
           <a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
         <% end %>
       </div>

src/collections/menu.less

@@ -1306,6 +1306,7 @@
 
 .ui.compact.menu {
   display: inline-block;
+  vertical-align: middle;
 }
 .ui.vertical.compact.menu {
   width: auto !important;
@@ -1332,6 +1333,7 @@
   padding-right: 0px !important;
   text-align: center;
 }
+
 .ui.menu.two.item .item {
   width: 50%;
 }

src/elements/button.less

@@ -481,6 +481,11 @@
         Sizes
 --------------------*/
 
+.ui.buttons .button,
+.ui.button {
+  font-size: 1rem;
+}
+
 .ui.buttons.mini .button,
 .ui.mini.button {
   font-size: 0.8rem;
@@ -495,10 +500,6 @@
 .ui.small.button {
   font-size: 0.9rem;
 }
-.ui.buttons .button,
-.ui.button {
-  font-size: 1rem;
-}
 .ui.large.buttons .button,
 .ui.large.button {
   font-size: 1.125rem;
@@ -577,6 +578,7 @@
 .ui.buttons.tertiary .button,
 .ui.tertiary.button {
   background-color: transparent;
+  background-image: none;
   color: #999999;
   font-weight: normal;
   text-transform: none;

src/elements/image.less

@@ -85,9 +85,9 @@ img.ui.image {
   width: 2em;
   height: 2em;
 
-  -webkit-border-radius: 0.3125em;
-  -moz-border-radius: 0.3125em;
-  border-radius: 0.3125em;
+  -webkit-border-radius: 500em;
+  -moz-border-radius: 500em;
+  border-radius: 500em;
 }
 
 

src/views/comment.less

@@ -37,7 +37,6 @@
   position: relative;
   margin-top: 0.75em;
   padding-top: 0.75em;
-  width: 100%;
 }
 .ui.comments .comment:first-child {
   margin-top: 0em;
@@ -207,7 +206,7 @@
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
 }
-.ui.minimal.comments .comment > .content:hover > .actions,{
+.ui.minimal.comments .comment > .content:hover > .actions {
   opacity: 1;
 }