less-rails-semantic_ui 2.0.2.0 → 2.0.5.0

data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js

@@ -120,7 +120,6 @@ $.fn.sidebar = function(parameters) {
 
         destroy: function() {
           module.verbose('Destroying previous module for', $module);
-          module.remove.direction();
           $module
             .off(eventNamespace)
             .removeData(moduleNamespace)

data/assets/javascripts/semantic_ui/definitions/modules/sticky.js

@@ -237,8 +237,7 @@ $.fn.sticky = function(parameters) {
               },
               context = {
                 offset        : $context.offset(),
-                height        : $context.outerHeight(),
-                bottomPadding : parseInt($context.css('padding-bottom'), 10)
+                height        : $context.outerHeight()
               },
               container = {
                 height: $container.outerHeight()
@@ -260,8 +259,7 @@ $.fn.sticky = function(parameters) {
               context: {
                 top           : context.offset.top,
                 height        : context.height,
-                bottomPadding : context.bottomPadding,
-                bottom        : context.offset.top + context.height - context.bottomPadding
+                bottom        : context.offset.top + context.height
               }
             };
             module.set.containerSize();
@@ -457,8 +455,14 @@ $.fn.sticky = function(parameters) {
               }
               else if(scroll.top > element.top) {
                 module.debug('Element passed, fixing element to page');
-                module.fixTop();
+                if( (element.height + scroll.top - elementScroll) > context.bottom ) {
+                  module.bindBottom();
+                }
+                else {
+                  module.fixTop();
+                }
               }
+
             }
             else if( module.is.fixed() ) {
 
@@ -475,6 +479,8 @@ $.fn.sticky = function(parameters) {
                 // scroll element if larger than screen
                 else if(doesntFit) {
                   module.set.scroll(elementScroll);
+                  module.save.lastScroll(scroll.top);
+                  module.save.elementScroll(elementScroll);
                 }
               }
 
@@ -494,6 +500,8 @@ $.fn.sticky = function(parameters) {
                 // scroll element if larger than screen
                 else if(doesntFit) {
                   module.set.scroll(elementScroll);
+                  module.save.lastScroll(scroll.top);
+                  module.save.elementScroll(elementScroll);
                 }
 
               }
@@ -513,10 +521,6 @@ $.fn.sticky = function(parameters) {
               }
             }
           }
-
-          // save current scroll for next run
-          module.save.lastScroll(scroll.top);
-          module.save.elementScroll(elementScroll);
         },
 
         bindTop: function() {
@@ -542,8 +546,7 @@ $.fn.sticky = function(parameters) {
           $module
             .css({
               left         : '',
-              top          : '',
-              marginBottom : module.cache.context.bottomPadding
+              top          : ''
             })
             .removeClass(className.fixed)
             .removeClass(className.top)

data/assets/javascripts/semantic_ui/definitions/modules/transition.js

@@ -553,7 +553,10 @@ $.fn.transition = function() {
             ;
           },
           currentAnimation: function() {
-            return module.cache.animation || false;
+            return (module.cache && module.cache.animation !== undefined)
+              ? module.cache.animation
+              : false
+            ;
           },
           currentDirection: function() {
             return module.is.inward()
@@ -764,9 +767,9 @@ $.fn.transition = function() {
           module.remove.display();
           module.remove.visible();
           module.set.hidden();
+          module.force.hidden();
           settings.onHide.call(this);
           settings.onComplete.call(this);
-          module.force.hidden();
           // module.repaint();
         },
 
@@ -774,9 +777,9 @@ $.fn.transition = function() {
           module.verbose('Showing element', display);
           module.remove.hidden();
           module.set.visible();
+          module.force.visible();
           settings.onShow.call(this);
           settings.onComplete.call(this);
-          module.force.visible();
           // module.repaint();
         },
 

data/assets/stylesheets/semantic_ui/definitions/collections/form.less

@@ -54,7 +54,6 @@
         Field
 ---------------------*/
 
-.ui.form .fields .field,
 .ui.form .field {
   clear: both;
   margin: @fieldMargin;
@@ -65,6 +64,12 @@
   margin-bottom: 0em;
 }
 
+.ui.form .fields .field {
+  clear: both;
+  margin: @fieldMargin;
+}
+
+
 /*--------------------
         Labels
 ---------------------*/

data/assets/stylesheets/semantic_ui/definitions/collections/menu.less

@@ -1764,39 +1764,59 @@ Floated Menu / Item
     Attached
 ---------------*/
 
+/* Middle */
 .ui.attached.menu {
+  top: 0px;
+  bottom: 0px;
   border-radius: 0px;
-  margin-left: -@borderWidth;
-  margin-right: -@borderWidth;
+  margin: 0em @attachedHorizontalOffset;
   width: @attachedWidth;
-  box-shadow: @attachedBoxShadow; /* avoid rgba multiplying */
+  max-width: @attachedWidth;
+  box-shadow: @attachedBoxShadow;
 }
-
-/* Direction */
-.ui.attached.menu:not(.top):not(.bottom) {
-  margin-top: 0em;
-  margin-bottom: 0em;
+.ui.attached + .ui.attached.menu:not(.top) {
+  border-top: none;
 }
-.ui.top.attached.menu {
+
+/* Top */
+.ui[class*="top attached"].menu {
+  bottom: 0px;
   margin-bottom: 0em;
+  top: @attachedTopOffset;
+  margin-top: @verticalMargin;
   border-radius: @borderRadius @borderRadius 0em 0em;
 }
-.ui.top.attached.menu > .item:first-child {
-  border-radius: @borderRadius 0em 0em 0em;
+.ui.menu[class*="top attached"]:first-child {
+  margin-top: 0em;
 }
 
-.ui.bottom.attached.menu {
+/* Bottom */
+.ui[class*="bottom attached"].menu {
+  bottom: 0px;
   margin-top: 0em;
-  border-top: none;
+  top: @attachedBottomOffset;
+  margin-bottom: @verticalMargin;
+  box-shadow: @attachedBottomBoxShadow;
   border-radius: 0em 0em @borderRadius @borderRadius;
 }
+.ui[class*="bottom attached"].menu:last-child {
+  margin-bottom: 0em;
+}
+
+/* Attached Menu Item */
+.ui.top.attached.menu > .item:first-child {
+  border-radius: @borderRadius 0em 0em 0em;
+}
 .ui.bottom.attached.menu > .item:first-child {
   border-radius: 0em 0em 0em @borderRadius;
 }
 
 /* Tabular Attached */
-.ui.top.attached.menu:not(.fixed):not(.tabular) {
-  border-bottom: none;
+.ui.attached.menu:not(.tabular) {
+  border: @attachedBorder;
+}
+.ui.attached.inverted.menu {
+  border: none;
 }
 .ui.attached.tabular.menu {
   margin-left: 0;

data/assets/stylesheets/semantic_ui/definitions/collections/message.less

@@ -214,7 +214,6 @@
   margin-bottom: @verticalMargin;
 }
 .ui.attached.icon.message {
-  display: block;
   width: auto;
 }
 
@@ -230,7 +229,7 @@
 }
 .ui.icon.message > .icon:not(.close) {
   display: block;
-  flex: 0 1 auto;
+  flex: 0 0 auto;
   width: auto;
   line-height: 1;
   vertical-align: @iconVerticalAlign;

data/assets/stylesheets/semantic_ui/definitions/collections/table.less

@@ -516,22 +516,30 @@
 }
 
 
+/*-------------------
+      Attached
+--------------------*/
 
-/*--------------
-    Attached
----------------*/
-
-
-/* All */
+/* Middle */
 .ui.attached.table {
-  width: @attachedTableWidth;
-  margin: 0em @attachedHorizontalOffset;
+  top: 0px;
+  bottom: 0px;
   border-radius: 0px;
+  margin: 0em @attachedHorizontalOffset;
+  width: @attachedWidth;
+  max-width: @attachedWidth;
   box-shadow: @attachedBoxShadow;
+  border: @attachedBorder;
+}
+.ui.attached + .ui.attached.table:not(.top) {
+  border-top: none;
 }
 
 /* Top */
 .ui[class*="top attached"].table {
+  bottom: 0px;
+  margin-bottom: 0em;
+  top: @attachedTopOffset;
   margin-top: @verticalMargin;
   border-radius: @borderRadius @borderRadius 0em 0em;
 }
@@ -540,12 +548,15 @@
 }
 
 /* Bottom */
-.ui.table[class*="bottom attached"] {
+.ui[class*="bottom attached"].table {
+  bottom: 0px;
   margin-top: 0em;
+  top: @attachedBottomOffset;
   margin-bottom: @verticalMargin;
+  box-shadow: @attachedBottomBoxShadow;
   border-radius: 0em 0em @borderRadius @borderRadius;
 }
-.ui.table[class*="bottom attached"]:last-child {
+.ui[class*="bottom attached"].table:last-child {
   margin-bottom: 0em;
 }
 
@@ -905,7 +916,7 @@
 }
 .ui.inverted.table th {
   background-color: @invertedHeaderBackground;
-  border-color: @invertedCellBorderColor !important;
+  border-color: @invertedHeaderBorderColor !important;
   color: @invertedHeaderColor;
 }
 .ui.inverted.table tr td {

data/assets/stylesheets/semantic_ui/definitions/elements/button.less

@@ -28,8 +28,6 @@
 
 @import (multiple) 'semantic_ui/theme.config';
 
-& {
-
 /*******************************
             Button
 *******************************/
@@ -1048,12 +1046,12 @@
 --------------------*/
 
 .ui.fluid.buttons,
-.ui.button.fluid {
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
+.ui.fluid.button {
   width: 100%;
 }
+.ui.fluid.button {
+  display: block;
+}
 
 .ui.two.buttons {
   width: 100%;
@@ -1244,7 +1242,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important;
   color: @blackDown !important;
 }
-.ui.buttons > .basic.black.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -1382,7 +1380,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @greyDown inset !important;
   color: @greyDown !important;
 }
-.ui.buttons > .basic.grey.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -1521,7 +1519,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @brownDown inset !important;
   color: @brownDown !important;
 }
-.ui.buttons > .basic.brown.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -1659,7 +1657,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important;
   color: @blueDown !important;
 }
-.ui.buttons > .basic.blue.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -1798,7 +1796,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important;
   color: @greenDown !important;
 }
-.ui.buttons > .basic.green.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -1936,7 +1934,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important;
   color: @orangeDown !important;
 }
-.ui.buttons > .basic.orange.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -2074,7 +2072,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important;
   color: @pinkDown !important;
 }
-.ui.buttons > .basic.pink.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -2213,7 +2211,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @violetDown inset !important;
   color: @violetDown !important;
 }
-.ui.buttons > .basic.violet.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -2351,7 +2349,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important;
   color: @purpleDown !important;
 }
-.ui.buttons > .basic.purple.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -2489,7 +2487,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important;
   color: @redDown !important;
 }
-.ui.buttons > .basic.red.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -2628,7 +2626,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important;
   color: @tealDown !important;
 }
-.ui.buttons > .basic.teal.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -2767,7 +2765,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @oliveDown inset !important;
   color: @oliveDown !important;
 }
-.ui.buttons > .basic.olive.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -2905,7 +2903,7 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important;
   color: @yellowDown !important;
 }
-.ui.buttons > .basic.yellow.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
   margin-left: -@basicColoredBorderSize;
 }
 
@@ -3217,4 +3215,3 @@
 
 .loadUIOverrides();
 
-}

data/assets/stylesheets/semantic_ui/definitions/elements/container.less

@@ -28,13 +28,10 @@
 
 @import (multiple) 'semantic_ui/theme.config';
 
-& {
-
 /*******************************
             Container
 *******************************/
 
-
 /* All Sizes */
 .ui.container {
   display: block;
@@ -130,6 +127,4 @@
 }
 
 
-.loadUIOverrides();
-
-}
+.loadUIOverrides();