Fixes dropdown in forum, fixes issue with html formatting in forum posts

not being sanitized, fixes pagination, changes breadcrumbs to new style


Former-commit-id: 04b037fb90
Former-commit-id: 7632b4a136

build/minified/views/notecard.min.css

@@ -1 +0,0 @@
-.ui.notecard{position:relative;width:520px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:#FDFBE9;border:1px solid #DDD;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);-moz-box-shadow:0 2px 2px rgba(0,0,0,.1);box-shadow:0 2px 2px rgba(0,0,0,.1)}.ui.notecard .stripes{height:100%;margin-top:10px;padding:0 5px 10px;background:url(../images/notecard-stripes.png) repeat;line-height:21px}.ui.notecard .stripes h2{margin:0;font-size:20px;font-weight:700}.ui.notecard .stripes p{margin:0;padding:0;font-size:12px}.ui.notecard .stripes .image{display:block;overflow:hidden;border:1px solid #DAD8C9;background:#fff url(../images/placeholder-tiny.png) no-repeat center center;padding:4px}.ui.notecard .stripes .image img{display:block}.ui.notecard br,.ui.notecard hr{height:21px;border:0;background-color:transparent}.ui.notecard.simple .stripes{margin-top:10px;background-image:-moz-repeating-linear-gradient(transparent 19px,rgba(255,255,255,.2) 20px,transparent 0,transparent 40px);background-image:-webkit-repeating-linear-gradient(transparent 19px,rgba(255,255,255,.2) 20px,transparent 0,transparent 40px);background-image:-ms-repeating-linear-gradient(transparent 19px,rgba(255,255,255,.2) 20px,transparent 0,transparent 40px);background-image:-o-repeating-linear-gradient(transparent 19px,rgba(255,255,255,.2) 20px,transparent 0,transparent 40px);background-image:repeating-linear-gradient(transparent 19px,rgba(255,255,255,.2) 20px,transparent 0,transparent 40px)}.ui.notecard.contrast{border:0;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.7);-moz-box-shadow:0 2px 2px rgba(0,0,0,.7);box-shadow:0 2px 2px rgba(0,0,0,.7)}.ui.clipped.notecard.paperclip img{height:auto;width:135px}.ui.clipped.notecard.stripes{min-height:150px;padding:0 5px 10px 160px}

build/packaged/semantic.min.css.REMOVED.git-id

@@ -1 +1 @@
-7ed8602481cf41364ed6f3413e86d8c51e4afd3c
+d5126e819282f982660cb8f29a282f2474587f64

build/uncompressed/elements/button.css

@@ -696,6 +696,7 @@
   float: left;
   width: 0.3em;
   height: 1em;
+  z-index: 3;
 }
 .ui.buttons .or:before {
   position: absolute;

build/uncompressed/views/notecard.css

@@ -1,81 +0,0 @@
-/*******************************
-          UI Cover View
-*******************************/
-/*--------------
-  UI Note Card
----------------*/
-/* Normal */
-.ui.notecard {
-  position: relative;
-  width: 520px;
-  padding: 10px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  background-color: #FDFBE9;
-  border: 1px solid #DDDDDD;
-  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-}
-.ui.notecard .stripes {
-  height: 100%;
-  margin-top: 10px;
-  padding: 0px 5px 10px;
-  background: url(../images/notecard-stripes.png) repeat;
-  line-height: 21px;
-}
-.ui.notecard .stripes h2 {
-  margin: 0px;
-  font-size: 20px;
-  font-weight: bold;
-}
-.ui.notecard .stripes p {
-  margin: 0px;
-  padding: 0px;
-  font-size: 12px;
-}
-.ui.notecard .stripes .image {
-  display: block;
-  overflow: hidden;
-  border: 1px solid #DAD8C9;
-  background: #ffffff url(../images/placeholder-tiny.png) no-repeat center center;
-  padding: 4px;
-}
-.ui.notecard .stripes .image img {
-  display: block;
-}
-.ui.notecard br,
-.ui.notecard hr {
-  height: 21px;
-  border: none;
-  background-color: transparent;
-}
-/* imageless */
-.ui.notecard.simple .stripes {
-  margin-top: 10px;
-  background-image: -moz-repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
-  background-image: -webkit-repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
-  background-image: -ms-repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
-  background-image: -o-repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
-  background-image: repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
-}
-/* contrast */
-.ui.notecard.contrast {
-  border: none;
-  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.7);
-}
-/*--------------
-     Clipped
----------------*/
-.ui.clipped.notecard.paperclip img {
-  height: auto;
-  width: 135px;
-}
-.ui.clipped.notecard.stripes {
-  min-height: 150px;
-  padding: 0px 5px 10px 160px;
-}

node/src/documents/guide/javascriptguide.html

@@ -56,12 +56,12 @@ type   : 'UI Guide'
   <p>When creating javascript modules consider using verbs to show behavior. This may be more intuitive than allowing a user to directly set properties or manage your internal namespace.</p>
   <div class="code" data-type="javascript">
 
-    // this developer will probably spend more time looking at docs
+    // this might require some more times with docs
     $element
-      .widget('states.selctd.active', '.something')
+      .widget('states.select.set')
     ;
 
-    // now this is semantic
+    // reduce complexity to api
     $(element)
       .widget('activate', true)
     ;

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

@@ -696,6 +696,7 @@
   float: left;
   width: 0.3em;
   height: 1em;
+  z-index: 3;
 }
 .ui.buttons .or:before {
   position: absolute;

node/src/layouts/default.html.eco

@@ -86,22 +86,6 @@
   <div class="ui large vertical inverted labeled icon menu" id="menu">
     <div class="item"><a href="/playground.html"><i class="inverted red circular lab icon"></i> <b>Playground</b></a></div>
     <div class="item"><a href="/download.html"><i class="inverted circular upload icon"></i> <b>Download</b></a></div>
-    <div class="item">
-      <b>Style Guide</b>
-      <div class="menu">
-        <% for element in uiGuide: %>
-          <a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
-        <% end %>
-      </div>
-    </div>
-    <div class="item">
-      <b>Specification</b>
-      <div class="menu">
-        <% for element in uiSpecification: %>
-          <a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
-        <% end %>
-      </div>
-    </div>
     <div class="item">
       <b>Quirky</b>
       <div class="menu">
@@ -150,6 +134,22 @@
         <% end %>
       </div>
     </div>
+    <div class="item">
+      <b>Style Guide</b>
+      <div class="menu">
+        <% for element in uiGuide: %>
+          <a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
+        <% end %>
+      </div>
+    </div>
+    <div class="item">
+      <b>Specification</b>
+      <div class="menu">
+        <% for element in uiSpecification: %>
+          <a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
+        <% end %>
+      </div>
+    </div>
   </div>
 
   <div class="ui fixed transparent inverted main menu">

src/collections/breadcrumb.less

@@ -16,9 +16,16 @@
 *******************************/
 
 .ui.breadcrumb {
+  margin: 1em 0em;
   display: inline-block;
   vertical-align: middle;
 }
+.ui.breadcrumb:first-child {
+  margin-top: 0em;
+}
+.ui.breadcrumb:last-child {
+  margin-bottom: 0em;
+}
 
 .ui.breadcrumb .divider {
   display: inline-block;
@@ -41,6 +48,5 @@
 /* Loose Coupling */
 .ui.breadcrumb.segment {
   display: inline-block;
-  background-color: #FFFFFF;
   padding: 0.5em 1em;
 }

src/collections/menu.less

@@ -637,6 +637,7 @@
 ---------------*/
 
 .ui.pagination.menu {
+  margin: 0em;
   display: inline-block;
 }
 
@@ -1346,6 +1347,7 @@
 
 .ui.compact.menu {
   display: inline-block;
+  margin: 0em;
   vertical-align: middle;
 }
 .ui.vertical.compact.menu {

src/elements/button.less

@@ -840,6 +840,7 @@
   float: left;
   width: 0.3em;
   height: 1em;
+  z-index: 3;
 }
 .ui.buttons .or:before {
   position: absolute;

src/modules/dropdown.js

@@ -296,8 +296,9 @@ $.fn.dropdown = function(parameters) {
             }
             else if(animation.show == 'fade') {
               $menu
+                .hide()
                 .clearQueue()
-                .fadeIn(150)
+                .fadeIn(150, module.event.resetStyle)
               ;
             }
             else if(animation.show == 'slide') {
@@ -328,6 +329,7 @@ $.fn.dropdown = function(parameters) {
             }
             else if(animation.hide == 'fade') {
               $menu
+                .show()
                 .clearQueue()
                 .fadeOut(150)
               ;

src/modules/dropdown.less

@@ -171,7 +171,7 @@
 .ui.simple.dropdown .menu {
   display: block;
   overflow: hidden;
-  top: -9999px;
+  top: -9999px !important;
   position: absolute;
   opacity: 0;
   -webkit-transition: opacity 0.2s ease-out;
@@ -192,7 +192,7 @@
   overflow: visible;
   width: auto;
   height: auto;
-  top: 100%;
+  top: 100% !important;
   opacity: 1;
 }
 .ui.simple.disabled.dropdown:hover .menu {
@@ -255,20 +255,19 @@
   border-radius: 0px 0px 0.325em 0.325em;
 }
 
-.ui.selection.dropdown.visible,
 .ui.selection.dropdown:hover,
 .ui.selection.dropdown.hover {
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+}
 
+.ui.selection.dropdown.visible {
   -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
   -moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
   border-radius: 0.3125em 0.3125em 0em 0em !important;
 }
-.ui.selection.dropdown.visible .menu,
-.ui.selection.dropdown.hover .menu,
-.ui.selection.dropdown:hover .menu {
+.ui.selection.dropdown.visible .menu {
   -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
   -moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
   box-shadow: 0px 1px 0px 1px #D3D3D3;