Rebuild dist

dist/components/menu.css

@@ -1057,7 +1057,7 @@
 .ui.labeled.icon.menu > .item > .icon {
   display: block;
   font-size: 1.5em !important;
-  margin: 0em auto 0.3em !important;
+  margin: 0em auto 0.5em !important;
 }
 
 
@@ -1347,7 +1347,7 @@
 .ui.borderless.menu .item:before,
 .ui.borderless.menu .item .menu .item:before,
 .ui.menu .borderless.item:before {
-  background: none;
+  background: none !important;
 }
 
 /*-------------------

dist/components/sidebar.css

@@ -36,6 +36,8 @@
   overflow-y: auto !important;
   z-index: 102;
 }
+
+/* 3D Rendering Fix */
 .ui.sidebar * {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
@@ -47,30 +49,30 @@
    Direction
 ---------------*/
 
-.ui.top.sidebar,
-.ui.bottom.sidebar {
-  width: 100% !important;
-  height: auto !important;
-  overflow-y: visible !important;
-}
 .ui.left.sidebar {
   right: auto;
   left: 0px;
   -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0);
 }
-.ui.top.sidebar {
-  top: 0px !important;
-  bottom: auto !important;
-  -webkit-transform: translate3d(0, -100%, 0);
-          transform: translate3d(0, -100%, 0);
-}
 .ui.right.sidebar {
   right: 0px !important;
   left: auto !important;
   -webkit-transform: translate3d(100%, 0%, 0);
           transform: translate3d(100%, 0%, 0);
 }
+.ui.top.sidebar,
+.ui.bottom.sidebar {
+  width: 100% !important;
+  height: auto !important;
+  overflow-y: visible !important;
+}
+.ui.top.sidebar {
+  top: 0px !important;
+  bottom: auto !important;
+  -webkit-transform: translate3d(0, -100%, 0);
+          transform: translate3d(0, -100%, 0);
+}
 .ui.bottom.sidebar {
   top: auto !important;
   bottom: 0px !important;
@@ -176,6 +178,14 @@
 .ui.visible.sidebar {
   visibility: visible;
 }
+.ui.left.visible.sidebar,
+.ui.right.visible.sidebar {
+  box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15);
+}
+.ui.top.visible.sidebar,
+.ui.bottom.visible.sidebar {
+  box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15);
+}
 
 /*--------------
      Mobile
@@ -193,10 +203,33 @@
           Variations
 *******************************/
 
-.ui.sidebar,
-.ui.vertical.sidebar.menu {
+
+/*--------------
+     Width
+---------------*/
+
+
+/* Left / Right */
+.ui[class*="very thin"].left.sidebar,
+.ui[class*="very thin"].right.sidebar {
+  width: 60px;
+}
+.ui.thin.left.sidebar,
+.ui.thin.right.sidebar {
+  width: 150px;
+}
+.ui.left.sidebar,
+.ui.right.sidebar {
   width: 260px;
 }
+.ui.wide.left.sidebar,
+.ui.wide.right.sidebar {
+  width: 350px;
+}
+.ui[class*="very wide"].left.sidebar,
+.ui[class*="very wide"].right.sidebar {
+  width: 475px;
+}
 
 
 /*******************************

dist/components/sidebar.js

@@ -75,7 +75,8 @@ $.fn.sidebar = function(parameters) {
           transitionEvent = module.get.transitionEvent();
 
           // cache on initialize
-          if( module.is.legacy() ) {
+          if( module.is.legacy() || settings.legacy) {
+            settings.transition = 'overlay';
             settings.useLegacy = true;
           }
 
@@ -193,7 +194,7 @@ $.fn.sidebar = function(parameters) {
                 + ' }'
                 + '</style>'
             ;
-            $context.append(style);
+            $head.append(style);
             $style = $('style[title=' + namespace + ']');
             module.debug('Adding sizing css to head', $style);
           }
@@ -423,7 +424,7 @@ $.fn.sidebar = function(parameters) {
               module.remove.animating();
               module.remove.transition();
               module.remove.bodyCSS();
-              if(transition == 'scale down' || (settings.returnScroll && transition !== 'overlay' && module.is.mobile()) ) {
+              if(transition == 'scale down' || (settings.returnScroll && module.is.mobile()) ) {
                 module.scrollBack();
               }
               $.proxy(callback, element)();
@@ -453,6 +454,7 @@ $.fn.sidebar = function(parameters) {
             $pusher.addClass(className.dimmed);
           }
           $context
+            .css('position', 'relative')
             .animate(properties, settings.duration, settings.easing, function() {
               module.remove.animating();
               module.bind.clickaway();
@@ -480,6 +482,7 @@ $.fn.sidebar = function(parameters) {
             $pusher.removeClass(className.dimmed);
           }
           $context
+            .css('position', 'relative')
             .animate(properties, settings.duration, settings.easing, function() {
               module.remove.animating();
               $.proxy(callback, module)();
@@ -489,6 +492,7 @@ $.fn.sidebar = function(parameters) {
 
         scrollToTop: function() {
           module.verbose('Scrolling to top of page to avoid animation issues');
+          currentScroll = $(window).scrollTop();
           $module.scrollTop(0);
           window.scrollTo(0, 0);
         },
@@ -875,11 +879,10 @@ $.fn.sidebar.settings = {
 
   context           : 'body',
   exclusive         : false,
-
   closable          : true,
   dimPage           : true,
   scrollLock        : false,
-  returnScroll      : true,
+  returnScroll      : false,
 
   useLegacy         : false,
   duration          : 500,

dist/semantic.css

@@ -18206,7 +18206,7 @@ ol.ui.horizontal.list li:before,
 .ui.labeled.icon.menu > .item > .icon {
   display: block;
   font-size: 1.5em !important;
-  margin: 0em auto 0.3em !important;
+  margin: 0em auto 0.5em !important;
 }
 
 /*******************************
@@ -18532,7 +18532,7 @@ ol.ui.horizontal.list li:before,
 .ui.borderless.menu .item:before,
 .ui.borderless.menu .item .menu .item:before,
 .ui.menu .borderless.item:before {
-  background: none;
+  background: none !important;
 }
 
 /*-------------------
@@ -22916,6 +22916,8 @@ th {
   z-index: 102;
 }
 
+/* 3D Rendering Fix */
+
 .ui.sidebar * {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
@@ -22927,13 +22929,6 @@ th {
    Direction
 ---------------*/
 
-.ui.top.sidebar,
-.ui.bottom.sidebar {
-  width: 100% !important;
-  height: auto !important;
-  overflow-y: visible !important;
-}
-
 .ui.left.sidebar {
   right: auto;
   left: 0px;
@@ -22941,13 +22936,6 @@ th {
   transform: translate3d(-100%, 0, 0);
 }
 
-.ui.top.sidebar {
-  top: 0px !important;
-  bottom: auto !important;
-  -webkit-transform: translate3d(0, -100%, 0);
-  transform: translate3d(0, -100%, 0);
-}
-
 .ui.right.sidebar {
   right: 0px !important;
   left: auto !important;
@@ -22955,6 +22943,20 @@ th {
   transform: translate3d(100%, 0%, 0);
 }
 
+.ui.top.sidebar,
+.ui.bottom.sidebar {
+  width: 100% !important;
+  height: auto !important;
+  overflow-y: visible !important;
+}
+
+.ui.top.sidebar {
+  top: 0px !important;
+  bottom: auto !important;
+  -webkit-transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
+}
+
 .ui.bottom.sidebar {
   top: auto !important;
   bottom: 0px !important;
@@ -23059,6 +23061,16 @@ th {
   visibility: visible;
 }
 
+.ui.left.visible.sidebar,
+.ui.right.visible.sidebar {
+  box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15);
+}
+
+.ui.top.visible.sidebar,
+.ui.bottom.visible.sidebar {
+  box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15);
+}
+
 /*--------------
      Mobile
 ---------------*/
@@ -23074,11 +23086,37 @@ th {
           Variations
 *******************************/
 
-.ui.sidebar,
-.ui.vertical.sidebar.menu {
+/*--------------
+     Width
+---------------*/
+
+/* Left / Right */
+
+.ui[class*="very thin"].left.sidebar,
+.ui[class*="very thin"].right.sidebar {
+  width: 60px;
+}
+
+.ui.thin.left.sidebar,
+.ui.thin.right.sidebar {
+  width: 150px;
+}
+
+.ui.left.sidebar,
+.ui.right.sidebar {
   width: 260px;
 }
 
+.ui.wide.left.sidebar,
+.ui.wide.right.sidebar {
+  width: 350px;
+}
+
+.ui[class*="very wide"].left.sidebar,
+.ui[class*="very wide"].right.sidebar {
+  width: 475px;
+}
+
 /*******************************
           Animations
 *******************************/

dist/semantic.js

@@ -10912,7 +10912,8 @@ $.fn.sidebar = function(parameters) {
           transitionEvent = module.get.transitionEvent();
 
           // cache on initialize
-          if( module.is.legacy() ) {
+          if( module.is.legacy() || settings.legacy) {
+            settings.transition = 'overlay';
             settings.useLegacy = true;
           }
 
@@ -11030,7 +11031,7 @@ $.fn.sidebar = function(parameters) {
                 + ' }'
                 + '</style>'
             ;
-            $context.append(style);
+            $head.append(style);
             $style = $('style[title=' + namespace + ']');
             module.debug('Adding sizing css to head', $style);
           }
@@ -11260,7 +11261,7 @@ $.fn.sidebar = function(parameters) {
               module.remove.animating();
               module.remove.transition();
               module.remove.bodyCSS();
-              if(transition == 'scale down' || (settings.returnScroll && transition !== 'overlay' && module.is.mobile()) ) {
+              if(transition == 'scale down' || (settings.returnScroll && module.is.mobile()) ) {
                 module.scrollBack();
               }
               $.proxy(callback, element)();
@@ -11290,6 +11291,7 @@ $.fn.sidebar = function(parameters) {
             $pusher.addClass(className.dimmed);
           }
           $context
+            .css('position', 'relative')
             .animate(properties, settings.duration, settings.easing, function() {
               module.remove.animating();
               module.bind.clickaway();
@@ -11317,6 +11319,7 @@ $.fn.sidebar = function(parameters) {
             $pusher.removeClass(className.dimmed);
           }
           $context
+            .css('position', 'relative')
             .animate(properties, settings.duration, settings.easing, function() {
               module.remove.animating();
               $.proxy(callback, module)();
@@ -11326,6 +11329,7 @@ $.fn.sidebar = function(parameters) {
 
         scrollToTop: function() {
           module.verbose('Scrolling to top of page to avoid animation issues');
+          currentScroll = $(window).scrollTop();
           $module.scrollTop(0);
           window.scrollTo(0, 0);
         },
@@ -11712,11 +11716,10 @@ $.fn.sidebar.settings = {
 
   context           : 'body',
   exclusive         : false,
-
   closable          : true,
   dimPage           : true,
   scrollLock        : false,
-  returnScroll      : true,
+  returnScroll      : false,
 
   useLegacy         : false,
   duration          : 500,