Fixes to label and shape

build/minified/modules/shape.js

@@ -93,7 +93,6 @@ $.fn.shape = function(parameters) {
           callback = callback || function(event) {
             module.verbose('Executing animation callback', event);
             event.stopPropagation();
-            $sides.off();
             module.reset();
             module.set.active();
             $.proxy(settings.onChange, $nextSide)();

build/packaged/modules/shape.js

@@ -93,7 +93,6 @@ $.fn.shape = function(parameters) {
           callback = callback || function(event) {
             module.verbose('Executing animation callback', event);
             event.stopPropagation();
-            $sides.off();
             module.reset();
             module.set.active();
             $.proxy(settings.onChange, $nextSide)();

build/uncompressed/collections/menu.css

@@ -46,8 +46,7 @@
   user-select: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   vertical-align: middle;
-  line-height: 1em;
-  min-height: 1.25em;
+  line-height: 1;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;

build/uncompressed/elements/label.css

@@ -147,6 +147,7 @@ a.ui.label:hover:before {
 .ui.attached.label {
   width: 100%;
   position: absolute;
+  margin: 0em;
   top: 0em;
   left: 0em;
   -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
@@ -163,31 +164,31 @@ a.ui.label:hover:before {
 .ui.top.left.attached.label {
   width: auto;
   margin-top: 0em !important;
-  -webkit-border-radius: 0.3125em 0em 0em 0em;
-  -moz-border-radius: 0.3125em 0em 0em 0em;
-  border-radius: 0.3125em 0em 0em 0em;
+  -webkit-border-radius: 0.3125em 0em 0.3125em 0em;
+  -moz-border-radius: 0.3125em 0em 0.3125em 0em;
+  border-radius: 0.3125em 0em 0.3125em 0em;
 }
 .ui.top.right.attached.label {
   width: auto;
   left: auto;
   right: 0em;
-  -webkit-border-radius: 0em 0.3125em 0em 0em;
-  -moz-border-radius: 0em 0.3125em 0em 0em;
-  border-radius: 0em 0.3125em 0em 0em;
+  -webkit-border-radius: 0em 0.3125em 0em 0.3125em;
+  -moz-border-radius: 0em 0.3125em 0em 0.3125em;
+  border-radius: 0em 0.3125em 0em 0.3125em;
 }
 .ui.bottom.left.attached.label {
   width: auto;
   top: auto;
   bottom: 0em;
-  -webkit-border-radius: 0em 0em 0em 0.3125em;
-  -moz-border-radius: 0em 0em 0em 0.3125em;
-  border-radius: 0em 0em 0em 0.3125em;
+  -webkit-border-radius: 0.3125em 0em 0em 0.3125em;
+  -moz-border-radius: 0.3125em 0em 0em 0.3125em;
+  border-radius: 0.3125em 0em 0em 0.3125em;
 }
 .ui.bottom.right.attached.label {
   width: auto;
-  -webkit-border-radius: 0em 0em 0.3125em 0em;
-  -moz-border-radius: 0em 0em 0.3125em 0em;
-  border-radius: 0em 0em 0.3125em 0em;
+  -webkit-border-radius: 0.3125em 0em 0.3125em 0em;
+  -moz-border-radius: 0.3125em 0em 0.3125em 0em;
+  border-radius: 0.3125em 0em 0.3125em 0em;
 }
 /*-------------------
     Corner Label

build/uncompressed/modules/shape.js

@@ -93,7 +93,6 @@ $.fn.shape = function(parameters) {
           callback = callback || function(event) {
             module.verbose('Executing animation callback', event);
             event.stopPropagation();
-            $sides.off();
             module.reset();
             module.set.active();
             $.proxy(settings.onChange, $nextSide)();

node/src/documents/collections/menu.html

@@ -6,6 +6,7 @@ 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>
@@ -127,6 +128,9 @@ type   : 'UI Collection'
     <h4 class="ui header">Tiered Vertical Menu</h4>
     <p>A tiered menu can show the sub-sections available as part of an activated section.</p>
     <div class="ui vertical menu">
+      <div class="item">
+        <div class="ui input"><input type="text" placeholder="Search..."></div>
+      </div>
       <div class="item">
         <i class="home icon"></i> Home
         <div class="menu">
@@ -141,9 +145,6 @@ type   : 'UI Collection'
       <a class="item">
         <i class="mail icon"></i> Messages
       </a>
-      <div class="item">
-        <div class="ui input"><input type="text" placeholder="Search..."></div>
-      </div>
       <div class="ui simple dropdown item">
         More <i class="icon right triangle"></i>
         <div class="menu">

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

@@ -46,8 +46,7 @@
   user-select: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   vertical-align: middle;
-  line-height: 1em;
-  min-height: 1.25em;
+  line-height: 1;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;

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

@@ -147,6 +147,7 @@ a.ui.label:hover:before {
 .ui.attached.label {
   width: 100%;
   position: absolute;
+  margin: 0em;
   top: 0em;
   left: 0em;
   -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
@@ -163,31 +164,31 @@ a.ui.label:hover:before {
 .ui.top.left.attached.label {
   width: auto;
   margin-top: 0em !important;
-  -webkit-border-radius: 0.3125em 0em 0em 0em;
-  -moz-border-radius: 0.3125em 0em 0em 0em;
-  border-radius: 0.3125em 0em 0em 0em;
+  -webkit-border-radius: 0.3125em 0em 0.3125em 0em;
+  -moz-border-radius: 0.3125em 0em 0.3125em 0em;
+  border-radius: 0.3125em 0em 0.3125em 0em;
 }
 .ui.top.right.attached.label {
   width: auto;
   left: auto;
   right: 0em;
-  -webkit-border-radius: 0em 0.3125em 0em 0em;
-  -moz-border-radius: 0em 0.3125em 0em 0em;
-  border-radius: 0em 0.3125em 0em 0em;
+  -webkit-border-radius: 0em 0.3125em 0em 0.3125em;
+  -moz-border-radius: 0em 0.3125em 0em 0.3125em;
+  border-radius: 0em 0.3125em 0em 0.3125em;
 }
 .ui.bottom.left.attached.label {
   width: auto;
   top: auto;
   bottom: 0em;
-  -webkit-border-radius: 0em 0em 0em 0.3125em;
-  -moz-border-radius: 0em 0em 0em 0.3125em;
-  border-radius: 0em 0em 0em 0.3125em;
+  -webkit-border-radius: 0.3125em 0em 0em 0.3125em;
+  -moz-border-radius: 0.3125em 0em 0em 0.3125em;
+  border-radius: 0.3125em 0em 0em 0.3125em;
 }
 .ui.bottom.right.attached.label {
   width: auto;
-  -webkit-border-radius: 0em 0em 0.3125em 0em;
-  -moz-border-radius: 0em 0em 0.3125em 0em;
-  border-radius: 0em 0em 0.3125em 0em;
+  -webkit-border-radius: 0.3125em 0em 0.3125em 0em;
+  -moz-border-radius: 0.3125em 0em 0.3125em 0em;
+  border-radius: 0.3125em 0em 0.3125em 0em;
 }
 /*-------------------
     Corner Label

node/src/files/components/semantic/modules/shape.js

@@ -93,7 +93,6 @@ $.fn.shape = function(parameters) {
           callback = callback || function(event) {
             module.verbose('Executing animation callback', event);
             event.stopPropagation();
-            $sides.off();
             module.reset();
             module.set.active();
             $.proxy(settings.onChange, $nextSide)();

node/src/files/javascript/shape.js

@@ -8,7 +8,7 @@ semantic.shape.ready = function() {
     $demo            = $('.demo'),
     $dogDemo         = $('.dog.shape'),
     $directionButton = $('.direction .button'),
-    $shapeButton     = $('.shape .button'),
+    $shapeButton     = $('.shape.buttons .button'),
     // alias
     handler
   ;
@@ -21,9 +21,6 @@ semantic.shape.ready = function() {
         animation = $(this).data('animation') || false
       ;
       if(direction && animation) {
-        $('.active.side')
-          .next()
-        ;
         $demo
           .shape(animation + '.' + direction)
         ;

src/collections/menu.less

@@ -58,8 +58,7 @@
 
   vertical-align: middle;
 
-  line-height: 1em;
-  min-height: 1.25em;
+  line-height: 1;
 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;

src/elements/label.less

@@ -193,6 +193,7 @@ a.ui.label:hover:before {
 .ui.attached.label {
   width: 100%;
   position: absolute;
+  margin: 0em;
   top: 0em;
   left: 0em;
   -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
@@ -212,9 +213,9 @@ a.ui.label:hover:before {
   width: auto;
   margin-top: 0em !important;
 
-  -webkit-border-radius: 0.3125em 0em 0em 0em;
-  -moz-border-radius: 0.3125em 0em 0em 0em;
-  border-radius: 0.3125em 0em 0em 0em;  
+  -webkit-border-radius: 0.3125em 0em 0.3125em 0em;
+  -moz-border-radius: 0.3125em 0em 0.3125em 0em;
+  border-radius: 0.3125em 0em 0.3125em 0em;  
 }
 
 .ui.top.right.attached.label {
@@ -222,24 +223,24 @@ a.ui.label:hover:before {
   left: auto;
   right: 0em;
 
-  -webkit-border-radius: 0em 0.3125em 0em 0em;
-  -moz-border-radius: 0em 0.3125em 0em 0em;
-  border-radius: 0em 0.3125em 0em 0em;
+  -webkit-border-radius: 0em 0.3125em 0em 0.3125em;
+  -moz-border-radius: 0em 0.3125em 0em 0.3125em;
+  border-radius: 0em 0.3125em 0em 0.3125em;
 }
 .ui.bottom.left.attached.label {
   width: auto;
   top: auto;
   bottom: 0em;
 
-  -webkit-border-radius: 0em 0em 0em 0.3125em;
-  -moz-border-radius: 0em 0em 0em 0.3125em;
-  border-radius: 0em 0em 0em 0.3125em;
+  -webkit-border-radius: 0.3125em 0em 0em 0.3125em;
+  -moz-border-radius: 0.3125em 0em 0em 0.3125em;
+  border-radius: 0.3125em 0em 0em 0.3125em;
 }
 .ui.bottom.right.attached.label {
   width: auto;
-  -webkit-border-radius: 0em 0em 0.3125em 0em;
-  -moz-border-radius: 0em 0em 0.3125em 0em;
-  border-radius: 0em 0em 0.3125em 0em;
+  -webkit-border-radius: 0.3125em 0em 0.3125em 0em;
+  -moz-border-radius: 0.3125em 0em 0.3125em 0em;
+  border-radius: 0.3125em 0em 0.3125em 0em;
 }
 
 /*-------------------

src/modules/shape.js

@@ -93,7 +93,6 @@ $.fn.shape = function(parameters) {
           callback = callback || function(event) {
             module.verbose('Executing animation callback', event);
             event.stopPropagation();
-            $sides.off();
             module.reset();
             module.set.active();
             $.proxy(settings.onChange, $nextSide)();