Adds remove to dimmer destroy fixes #151, removes right margin changes

to icon sizes, removes fixed height from menus fixing #141, tweaks input positioning in menus.

build/less/collections/menu.less

@@ -246,14 +246,13 @@
   width: 100%;
 }
 .ui.menu .ui.input > .icon {
-  padding-top: 0em;
+  padding-top: 0.1em;
   height: auto;
 }
 .ui.menu .item > .input input,
 .ui.menu .item > input[type="text"] {
   position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
   padding-top: 0.45em;
   padding-bottom: 0.45em;
 }
@@ -589,11 +588,12 @@
 .ui.tiered.menu > .menu .item.active:after {
   position: absolute;
   content: '';
+  margin-top: -1px;
   top: 100%;
   left: 0px;
 
   width: 100%;
-  height: 1px;
+  height: 2px;
   background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@@ -740,7 +740,7 @@
 
 .ui.pagination.menu .item {
   min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
   text-align: center;
 }
 .ui.pagination.menu.floated {
@@ -1750,7 +1750,6 @@
 
 .ui.menu .item {
   font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
   width: 15rem;

build/less/elements/icon.less

@@ -756,16 +756,13 @@ i.icon {
 }
 i.large.icon {
   font-size: 2em;
-  margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
   font-size: 4em;
-  margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
   font-size: 8em;
-  margin-right: 1em;
   vertical-align: middle;
 }

build/less/modules/dimmer.js

@@ -115,6 +115,7 @@ $.fn.dimmer = function(parameters) {
           ;
           $dimmer
             .off(eventNamespace)
+            .remove()
           ;
         },
 

build/minified/modules/dimmer.js

@@ -115,6 +115,7 @@ $.fn.dimmer = function(parameters) {
           ;
           $dimmer
             .off(eventNamespace)
+            .remove()
           ;
         },
 

build/packaged/css/semantic.css

@@ -1235,14 +1235,13 @@ body > .ui.grid {
   width: 100%;
 }
 .ui.menu .ui.input > .icon {
-  padding-top: 0em;
+  padding-top: 0.1em;
   height: auto;
 }
 .ui.menu .item > .input input,
 .ui.menu .item > input[type="text"] {
   position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
   padding-top: 0.45em;
   padding-bottom: 0.45em;
 }
@@ -1515,10 +1514,11 @@ body > .ui.grid {
 .ui.tiered.menu > .menu .item.active:after {
   position: absolute;
   content: '';
+  margin-top: -1px;
   top: 100%;
   left: 0px;
   width: 100%;
-  height: 1px;
+  height: 2px;
   background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@@ -1640,7 +1640,7 @@ body > .ui.grid {
 }
 .ui.pagination.menu .item {
   min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
   text-align: center;
 }
 .ui.pagination.menu.floated {
@@ -2460,7 +2460,6 @@ body > .ui.grid {
 }
 .ui.menu .item {
   font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
   width: 15rem;
@@ -6858,17 +6857,14 @@ i.icon {
 }
 i.large.icon {
   font-size: 2em;
-  margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
   font-size: 4em;
-  margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
   font-size: 8em;
-  margin-right: 1em;
   vertical-align: middle;
 }
 

build/packaged/javascript/semantic.js

@@ -3984,6 +3984,7 @@ $.fn.dimmer = function(parameters) {
           ;
           $dimmer
             .off(eventNamespace)
+            .remove()
           ;
         },
 

build/uncompressed/collections/menu.css

@@ -173,14 +173,13 @@
   width: 100%;
 }
 .ui.menu .ui.input > .icon {
-  padding-top: 0em;
+  padding-top: 0.1em;
   height: auto;
 }
 .ui.menu .item > .input input,
 .ui.menu .item > input[type="text"] {
   position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
   padding-top: 0.45em;
   padding-bottom: 0.45em;
 }
@@ -453,10 +452,11 @@
 .ui.tiered.menu > .menu .item.active:after {
   position: absolute;
   content: '';
+  margin-top: -1px;
   top: 100%;
   left: 0px;
   width: 100%;
-  height: 1px;
+  height: 2px;
   background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@@ -578,7 +578,7 @@
 }
 .ui.pagination.menu .item {
   min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
   text-align: center;
 }
 .ui.pagination.menu.floated {
@@ -1398,7 +1398,6 @@
 }
 .ui.menu .item {
   font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
   width: 15rem;

build/uncompressed/elements/icon.css

@@ -1424,16 +1424,13 @@ i.icon {
 }
 i.large.icon {
   font-size: 2em;
-  margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
   font-size: 4em;
-  margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
   font-size: 8em;
-  margin-right: 1em;
   vertical-align: middle;
 }

build/uncompressed/modules/dimmer.js

@@ -115,6 +115,7 @@ $.fn.dimmer = function(parameters) {
           ;
           $dimmer
             .off(eventNamespace)
+            .remove()
           ;
         },
 

node/src/documents/collections/menu.html.eco

@@ -37,7 +37,7 @@ type        : 'UI Collection'
         <i class="user icon"></i> Friends
       </a>
       <div class="right menu">
-        <div class="borderless item">
+        <div class="borderless vertically fitted item">
           <div class="ui icon input">
             <input type="text" placeholder="Search...">
             <i class="search link icon"></i>
@@ -140,7 +140,7 @@ type        : 'UI Collection'
           <i class="mail icon"></i> Messages
         </a>
         <div class="right menu">
-          <div class="borderless item">
+          <div class="borderless vertically fitted item">
             <div class="ui icon input">
               <input type="text" placeholder="Search...">
               <i class="search icon"></i>
@@ -812,7 +812,7 @@ type        : 'UI Collection'
         <i class="user icon"></i> Friends
       </a>
       <div class="right menu">
-        <div class="borderless item">
+        <div class="borderless vertically fitted item">
           <div class="ui icon input">
             <input type="text" placeholder="Search...">
             <i class="search link icon"></i>
@@ -829,6 +829,25 @@ type        : 'UI Collection'
       </div>
     </div>
   </div>
+  <div class="another example">
+    <div class="ui small menu">
+      <a class="active item">
+        Inbox
+      </a>
+      <a class="item">
+        Spam
+      </a>
+      <a class="item">
+        Updates
+      </a>
+      <div class="item">
+        <div class="ui icon input">
+          <input type="text" placeholder="Search mail...">
+          <i class="search icon"></i>
+        </div>
+      </div>
+    </div>
+  </div>
   <div class="example">
     <p>A vertical menu can also vary in size</p>
     <div class="ui large vertical menu">

node/src/files/build/less/collections/menu.less

@@ -246,14 +246,13 @@
   width: 100%;
 }
 .ui.menu .ui.input > .icon {
-  padding-top: 0em;
+  padding-top: 0.1em;
   height: auto;
 }
 .ui.menu .item > .input input,
 .ui.menu .item > input[type="text"] {
   position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
   padding-top: 0.45em;
   padding-bottom: 0.45em;
 }
@@ -589,11 +588,12 @@
 .ui.tiered.menu > .menu .item.active:after {
   position: absolute;
   content: '';
+  margin-top: -1px;
   top: 100%;
   left: 0px;
 
   width: 100%;
-  height: 1px;
+  height: 2px;
   background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@@ -740,7 +740,7 @@
 
 .ui.pagination.menu .item {
   min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
   text-align: center;
 }
 .ui.pagination.menu.floated {
@@ -1750,7 +1750,6 @@
 
 .ui.menu .item {
   font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
   width: 15rem;

node/src/files/build/less/elements/icon.less

@@ -756,16 +756,13 @@ i.icon {
 }
 i.large.icon {
   font-size: 2em;
-  margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
   font-size: 4em;
-  margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
   font-size: 8em;
-  margin-right: 1em;
   vertical-align: middle;
 }

node/src/files/build/less/modules/dimmer.js

@@ -115,6 +115,7 @@ $.fn.dimmer = function(parameters) {
           ;
           $dimmer
             .off(eventNamespace)
+            .remove()
           ;
         },
 

node/src/files/build/minified/modules/dimmer.js

@@ -115,6 +115,7 @@ $.fn.dimmer = function(parameters) {
           ;
           $dimmer
             .off(eventNamespace)
+            .remove()
           ;
         },
 

node/src/files/build/packaged/css/semantic.css

@@ -1235,14 +1235,13 @@ body > .ui.grid {
   width: 100%;
 }
 .ui.menu .ui.input > .icon {
-  padding-top: 0em;
+  padding-top: 0.1em;
   height: auto;
 }
 .ui.menu .item > .input input,
 .ui.menu .item > input[type="text"] {
   position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
   padding-top: 0.45em;
   padding-bottom: 0.45em;
 }
@@ -1515,10 +1514,11 @@ body > .ui.grid {
 .ui.tiered.menu > .menu .item.active:after {
   position: absolute;
   content: '';
+  margin-top: -1px;
   top: 100%;
   left: 0px;
   width: 100%;
-  height: 1px;
+  height: 2px;
   background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@@ -1640,7 +1640,7 @@ body > .ui.grid {
 }
 .ui.pagination.menu .item {
   min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
   text-align: center;
 }
 .ui.pagination.menu.floated {
@@ -2460,7 +2460,6 @@ body > .ui.grid {
 }
 .ui.menu .item {
   font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
   width: 15rem;
@@ -6858,17 +6857,14 @@ i.icon {
 }
 i.large.icon {
   font-size: 2em;
-  margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
   font-size: 4em;
-  margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
   font-size: 8em;
-  margin-right: 1em;
   vertical-align: middle;
 }
 

node/src/files/build/packaged/javascript/semantic.js

@@ -3984,6 +3984,7 @@ $.fn.dimmer = function(parameters) {
           ;
           $dimmer
             .off(eventNamespace)
+            .remove()
           ;
         },
 

node/src/files/build/uncompressed/collections/menu.css

@@ -173,14 +173,13 @@
   width: 100%;
 }
 .ui.menu .ui.input > .icon {
-  padding-top: 0em;
+  padding-top: 0.1em;
   height: auto;
 }
 .ui.menu .item > .input input,
 .ui.menu .item > input[type="text"] {
   position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
   padding-top: 0.45em;
   padding-bottom: 0.45em;
 }
@@ -453,10 +452,11 @@
 .ui.tiered.menu > .menu .item.active:after {
   position: absolute;
   content: '';
+  margin-top: -1px;
   top: 100%;
   left: 0px;
   width: 100%;
-  height: 1px;
+  height: 2px;
   background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@@ -578,7 +578,7 @@
 }
 .ui.pagination.menu .item {
   min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
   text-align: center;
 }
 .ui.pagination.menu.floated {
@@ -1398,7 +1398,6 @@
 }
 .ui.menu .item {
   font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
   width: 15rem;

node/src/files/build/uncompressed/elements/icon.css

@@ -1424,16 +1424,13 @@ i.icon {
 }
 i.large.icon {
   font-size: 2em;
-  margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
   font-size: 4em;
-  margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
   font-size: 8em;
-  margin-right: 1em;
   vertical-align: middle;
 }

node/src/files/build/uncompressed/modules/dimmer.js

@@ -115,6 +115,7 @@ $.fn.dimmer = function(parameters) {
           ;
           $dimmer
             .off(eventNamespace)
+            .remove()
           ;
         },
 

node/src/files/stylesheets/semantic.css

@@ -177,7 +177,7 @@ a:hover {
   transition: margin 0.3s ease;
 }
 #example .main.menu iframe {
-  margin: 10px 0px 0px 0px;
+  margin: 0px 0px 0px 0px;
 }
 #example .main.menu .count {
 /*  font-size: 0.875em;

src/collections/menu.less

@@ -246,14 +246,13 @@
   width: 100%;
 }
 .ui.menu .ui.input > .icon {
-  padding-top: 0em;
+  padding-top: 0.1em;
   height: auto;
 }
 .ui.menu .item > .input input,
 .ui.menu .item > input[type="text"] {
   position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
   padding-top: 0.45em;
   padding-bottom: 0.45em;
 }
@@ -589,11 +588,12 @@
 .ui.tiered.menu > .menu .item.active:after {
   position: absolute;
   content: '';
+  margin-top: -1px;
   top: 100%;
   left: 0px;
 
   width: 100%;
-  height: 1px;
+  height: 2px;
   background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@@ -740,7 +740,7 @@
 
 .ui.pagination.menu .item {
   min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
   text-align: center;
 }
 .ui.pagination.menu.floated {
@@ -1750,7 +1750,6 @@
 
 .ui.menu .item {
   font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
   width: 15rem;

src/elements/icon.less

@@ -756,16 +756,13 @@ i.icon {
 }
 i.large.icon {
   font-size: 2em;
-  margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
   font-size: 4em;
-  margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
   font-size: 8em;
-  margin-right: 1em;
   vertical-align: middle;
 }

src/modules/dimmer.js

@@ -115,6 +115,7 @@ $.fn.dimmer = function(parameters) {
           ;
           $dimmer
             .off(eventNamespace)
+            .remove()
           ;
         },