less-rails-semantic_ui 1.11.4.0 → 1.11.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8bff1d5e26c135d87165db1d8bad1585555414e7
-  data.tar.gz: 891dd73627f7c73f90717542078677f334099989
+  metadata.gz: 8f4f846c20673112036c94383c7e5aaf0a9c0f66
+  data.tar.gz: cabb4b99f6798c3e187f26555b692b316fab2409
 SHA512:
-  metadata.gz: addc033e2884951fd9a603bf6493edf37438f9e4c6a34670a622914b307fc306a515aa89dbcb7d2c7dce6f0abd09a21e34b5999f618f43fff8b483590941006f
-  data.tar.gz: 7a2cd66c0ab6a36eb1bb691fa2b93882d329f9937f9d0ece7f9d338c9c2f030ce4c1fbdbcfc29e42b9c933de197418ccbc6acb3e60f863e2c8b21427820f785e
+  metadata.gz: cd3cd11b4ab9bb0468f74fa4d753005712a57b5fbea711c67419546f66dc5ab89c51e08de6293d1233aff45dcfee7b06f865e7255d9d2b1345d68ad917b4caf1
+  data.tar.gz: 9e607d5deb9768f0f7e45ed657b58e988a3f36aeb945101ae286d7b47a70ef20f6b1561a15ffc84a49485487eb2319e670a6e74a7afde71e7bb01f4d18b0e587

data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js

@@ -44,7 +44,7 @@ $.fn.visibility = function(parameters) {
         $window         = $(window),
         $module         = $(this),
         $context        = $(settings.context),
-        $container      = $module.offsetParent(),
+        $images         = $module.find('img'),
 
         selector        = $module.selector || '',
         instance        = $module.data(moduleNamespace),
@@ -130,6 +130,38 @@ $.fn.visibility = function(parameters) {
             $context
               .on('scroll' + eventNamespace, module.event.scroll)
             ;
+            if($images.length > 0) {
+              module.bind.imageLoad();
+            }
+          },
+          imageLoad: function() {
+            var
+              imageCount    = $images.length,
+              index         = imageCount,
+              loadedCount   = 0,
+              images        = [],
+              cache         = [],
+              cacheImage    = document.createElement('img'),
+              handleLoad    = function() {
+                loadedCount++;
+                if(loadedCount >= imageCount) {
+                  module.debug('Images finished loading inside element, refreshing position');
+                  module.refresh();
+                }
+              }
+            ;
+            $images
+              .each(function() {
+                images.push( $(this).attr('src') );
+              })
+            ;
+            while(index--) {
+              cacheImage         = document.createElement('img');
+              cacheImage.onload  = handleLoad;
+              cacheImage.onerror = handleLoad;
+              cacheImage.src     = images[index];
+              cache.push(cacheImage);
+            }
           }
         },
 
@@ -153,33 +185,6 @@ $.fn.visibility = function(parameters) {
           }
         },
 
-        precache: function(images, callback) {
-          if (!(images instanceof Array)) {
-            images = [images];
-          }
-          var
-            imagesLength  = images.length,
-            loadedCounter = 0,
-            cache         = [],
-            cacheImage    = document.createElement('img'),
-            handleLoad    = function() {
-              loadedCounter++;
-              if (loadedCounter >= images.length) {
-                if ($.isFunction(callback)) {
-                  callback();
-                }
-              }
-            }
-          ;
-          while (imagesLength--) {
-            cacheImage         = document.createElement('img');
-            cacheImage.onload  = handleLoad;
-            cacheImage.onerror = handleLoad;
-            cacheImage.src     = images[imagesLength];
-            cache.push(cacheImage);
-          }
-        },
-
         should: {
           trackChanges: function() {
             if(methodInvoked && queryArguments.length > 0) {

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

@@ -154,7 +154,7 @@ $.fn.dimmer = function(parameters) {
           ;
           if(settings.variation) {
             module.debug('Creating dimmer with variation', settings.variation);
-            $element.addClass(className.variation);
+            $element.addClass(settings.variation);
           }
           if(settings.dimmerName) {
             module.debug('Creating named dimmer', settings.dimmerName);

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

@@ -31,7 +31,7 @@ $.fn.dropdown = function(parameters) {
   ;
 
   $allModules
-    .each(function(index) {
+    .each(function() {
       var
         settings          = ( $.isPlainObject(parameters) )
           ? $.extend(true, {}, $.fn.dropdown.settings, parameters)
@@ -210,16 +210,17 @@ $.fn.dropdown = function(parameters) {
                 .prependTo($module)
               ;
             }
-            module.setup.reference();
+            module.refresh();
           },
           reference: function() {
             var
+              index = $allModules.index($module),
               $firstModules,
               $lastModules
             ;
             module.debug('Dropdown behavior was called on select, replacing with closest dropdown');
             // replace module reference
-            $module = $module.closest(selector.dropdown);
+            $module = $module.parent(selector.dropdown);
             module.refresh();
             // adjust all modules
             $firstModules = $allModules.slice(0, index);
@@ -471,6 +472,9 @@ $.fn.dropdown = function(parameters) {
             module.event.item.click.call($selectedItem);
             module.remove.filteredItem();
           }
+          else {
+            module.hide();
+          }
         },
 
         event: {
@@ -964,19 +968,23 @@ $.fn.dropdown = function(parameters) {
                     module.verbose('Ambiguous dropdown value using strict type check', $choice, value);
                     if( optionValue === value ) {
                       $selectedItem = $(this);
+                      return true;
                     }
                     else if( !$selectedItem && optionText === value ) {
                       $selectedItem = $(this);
+                      return true;
                     }
                   }
                   else {
                     if( optionValue == value ) {
                       module.verbose('Found select item by value', optionValue, value);
                       $selectedItem = $(this);
+                      return true;
                     }
                     else if( !$selectedItem && optionText == value ) {
                       module.verbose('Found select item by text', optionText, value);
                       $selectedItem = $(this);
+                      return true;
                     }
                   }
                 })
@@ -1179,7 +1187,7 @@ $.fn.dropdown = function(parameters) {
               selectedText,
               selectedValue
             ;
-            if($selectedItem) {
+            if($selectedItem && !$selectedItem.hasClass(className.active) ) {
               module.debug('Setting selected menu item to', $selectedItem);
               module.remove.activeItem();
               module.remove.selectedItem();
@@ -1559,7 +1567,7 @@ $.fn.dropdown = function(parameters) {
               });
             }
             clearTimeout(module.performance.timer);
-            module.performance.timer = setTimeout(module.performance.display, 100);
+            module.performance.timer = setTimeout(module.performance.display, 500);
           },
           display: function() {
             var

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

@@ -1251,10 +1251,11 @@
 }
 
 .ui.stretched.grid > .row > .column,
-.ui.stretched.grid > .column,
+.ui.stretched.grid > .column:not(.row),
 .ui.grid .stretched.column,
 .ui.grid > .stretched.row > .column {
   display: flex !important;
+  flex-direction: column;
 }
 .ui.stretched.grid > .row > .column > *,
 .ui.stretched.grid > .column > *,
@@ -1427,27 +1428,24 @@
   table-layout: fixed;
   width: 100% !important;
 }
-.ui[class*="equal width"].grid > .column,
+.ui[class*="equal width"].grid > .column:not(.row),
 .ui[class*="equal width"].grid > .row > .column,
 .ui.grid > [class*="equal width"].row > .column {
   display: table-cell;
 }
 
 /* Flexbox (Experimental / Overrides Where Supported) */
-.ui[class*="equal width"].grid {
-  display: flex;
-  flex-direction: column;
-}
+.ui[class*="equal width"].grid,
 .ui[class*="equal width"].grid > .row,
 .ui.grid > [class*="equal width"].row  {
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
 }
-.ui[class*="equal width"].grid > .column,
+.ui[class*="equal width"].grid > .column:not(.row),
 .ui[class*="equal width"].grid > .row > .column,
 .ui.grid > [class*="equal width"].row > .column {
   display: block;
-  flex-direction: column;
   flex-grow: 1;
 }
 
@@ -1466,23 +1464,21 @@
   table-layout: fixed;
   width: 100% !important;
 }
-.ui[class*="equal height"].grid > .column,
+.ui[class*="equal height"].grid > .column:not(.row),
 .ui[class*="equal height"].grid > .row > .column,
 .ui.grid > [class*="equal height"].row > .column {
   display: table-cell;
 }
 
 /* Flexbox (Experimental / Overrides Where Supported) */
-.ui[class*="equal height"].grid {
-  display: flex;
-  flex-direction: column;
-}
+.ui[class*="equal height"].grid,
 .ui[class*="equal height"].grid > .row,
-.ui.grid > [class*="equal height"].row  {
+.ui.grid > [class*="equal height"].row {
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
 }
-.ui[class*="equal height"].grid > .column,
+.ui[class*="equal height"].grid > .column:not(.row),
 .ui[class*="equal height"].grid > .row > .column,
 .ui.grid > [class*="equal height"].row > .column {
   display: block;

data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less

@@ -264,6 +264,7 @@
 .ui.dropdown .menu > .item > .image,
 .ui.dropdown .menu > .item > img  {
   margin-left: 0em;
+  float: @itemElementFloat;
   margin-right: @itemElementDistance;
 }
 
@@ -405,7 +406,7 @@ select.ui.dropdown {
 /* Scrollbar in IE */
 @media all and (-ms-high-contrast:none) {
   .ui.selection.dropdown .menu {
-    min-width: calc(100% - @scrollBarWidth);
+    min-width: ~"calc(100% - "@scrollBarWidth~")";
   }
 }
 
@@ -435,7 +436,7 @@ select.ui.dropdown {
   border-top: @selectionItemDivider;
   padding-left: @selectionHorizontalPadding !important;
   /* Add in spacing for scroll bar */
-  padding-right: calc(@selectionHorizontalPadding + 1em) !important;
+  padding-right: ~"calc("@selectionHorizontalPadding~" + 1em) !important~";
   white-space: normal;
   word-wrap: normal;
 }
@@ -455,22 +456,29 @@ select.ui.dropdown {
   border: @selectionBorder;
   opacity: @disabledOpacity !important;
 }
+/* Visible */
+.ui.selection.dropdown.visible {
+  border-color: @selectionVisibleBorderColor;
+  box-shadow: @selectionVisibleBoxShadow;
+}
+
+.ui.selection.visible.dropdown .menu {
+  border-color: @selectionVisibleBorderColor;
+  box-shadow: @selectionVisibleMenuBoxShadow;
+}
+
 
 /* Visible Hover */
 .ui.selection.visible.dropdown:hover {
   border-color: @selectionVisibleHoverBorderColor;
   box-shadow: @selectionVisibleHoverBoxShadow;
 }
-.ui.selection.visible.dropdown:hover .menu {
-  border: @selectionVisibleHoverMenuBorder;
+
+.ui.selection.visible.dropdown .menu {
+  border-color: @selectionVisibleHoverBorderColor;
   box-shadow: @selectionVisibleHoverMenuBoxShadow;
 }
 
-/* Visible */
-.ui.selection.dropdown.visible {
-  border-color: @selectionVisibleBorderColor;
-  box-shadow: @selectionVisibleBoxShadow;
-}
 
 /* Active Item */
 .ui.selection.active.dropdown > .text:not(.default),
@@ -612,7 +620,7 @@ select.ui.dropdown {
 .ui.dropdown .menu > .item:hover {
   background: @hoveredItemBackground;
   color: @hoveredItemColor;
-  z-index: 12;
+  z-index: @hoveredZIndex;
 }
 
 /*--------------------
@@ -675,7 +683,7 @@ select.ui.dropdown {
   visibility: hidden;
 }
 .ui.dropdown .filtered.item {
-  display: none;
+  display: none !important;
 }
 
 

data/assets/stylesheets/semantic_ui/definitions/modules/progress.less

@@ -144,7 +144,7 @@
 /* Percent Complete */
 .ui.progress .bar > .progress {
   white-space: nowrap;
-  position: absolute;
+  position: @progressPosition;
   width: @progressWidth;
   font-size: @progressSize;
   top: @progressTop;

data/assets/stylesheets/semantic_ui/definitions/views/card.less

@@ -339,7 +339,7 @@
 
 .ui.cards > .card .dimmer,
 .ui.card .dimmer {
-  background: @dimmerBackground;
+  background-color: @dimmerColor;
   z-index: @dimmerZIndex;
 }
 

data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables

@@ -40,7 +40,7 @@
 @imageAlignment: middle;
 
 /* Label */
-@labelSize: @medium;
+@labelSize: '';
 @labelDistance: 0.5rem;
 @labelVerticalAlign: middle;
 

data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables

@@ -49,10 +49,10 @@
 @itemHeight: auto;
 @itemDivider: none;
 @itemColor: @textColor;
-@itemVerticalPadding: 0.65rem;
-@itemHorizontalPadding: 1.25rem;
+@itemVerticalPadding: @relativeMini;
+@itemHorizontalPadding: @relativeLarge;
 @itemFontWeight: normal;
-@itemLineHeight: 1.2em;
+@itemLineHeight: 1em;
 @itemLineHeightOffset: (@itemLineHeight - 1em);
 @itemTextTransform: none;
 @itemBoxShadow: none;
@@ -91,6 +91,7 @@
 @menuImageMaxHeight: 2.5em;
 
 /* Item Sub-Element */
+@itemElementFloat: none;
 @itemElementDistance: 0.75em;
 
 /* Sub-Menu Dropdown Icon */
@@ -171,16 +172,17 @@
 @selectionHoverBoxShadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
 
 /* Visible */
-@selectionVisibleBorderColor: @borderColor;
-@selectionVisibleBoxShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
 @selectionVisibleTextFontWeight: normal;
 @selectionVisibleTextColor: @hoveredTextColor;
 
+@selectionVisibleBorderColor: @selectedBorderColor;
+@selectionVisibleBoxShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+@selectionVisibleMenuBoxShadow: 0px 2px 6px 0px @borderColor;
+
 /* Visible Hover */
 @selectionVisibleHoverBorderColor: @selectedBorderColor;
-@selectionVisibleHoverBoxShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
-@selectionVisibleHoverMenuBorder: 1px solid @selectedBorderColor;
-@selectionVisibleHoverMenuBoxShadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
+@selectionVisibleHoverBoxShadow: @selectionVisibleBoxShadow;
+@selectionVisibleHoverMenuBoxShadow: @selectionVisibleMenuBoxShadow;
 
 @selectionVisibleConnectingBorder: 0em;
 @selectionVisibleIconOpacity: 1;
@@ -212,6 +214,7 @@
 /* Hovered */
 @hoveredItemBackground: @transparentBlack;
 @hoveredItemColor: @selectedTextColor;
+@hoveredZIndex: @menuZIndex + 2;
 
 /* Default Text */
 @defaultTextColor: rgba(179, 179, 179, 0.7);
@@ -221,8 +224,8 @@
 @loadingZIndex: -1;
 
 /* Active Menu Item */
-@activeItemBackground: transparent;
 @activeItemZIndex: @menuZIndex + 1;
+@activeItemBackground: transparent;
 @activeItemBoxShadow: none;
 @activeItemFontWeight: bold;
 @activeItemColor: @selectedTextColor;

data/assets/stylesheets/semantic_ui/themes/default/views/card.variables

@@ -115,7 +115,7 @@
 
 /* Dimmer */
 @dimmerZIndex: 10;
-@dimmerBackground: '';
+@dimmerColor: '';
 
 /* Additional Content */
 @extraDivider: 1px solid rgba(0, 0, 0, 0.05);

data/lib/less/rails/semantic_ui/version.rb

@@ -1,7 +1,7 @@
 module Less
   module Rails
     module SemanticUI
-      VERSION = '1.11.4.0'
+      VERSION = '1.11.5.0'
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: less-rails-semantic_ui
 version: !ruby/object:Gem::Version
-  version: 1.11.4.0
+  version: 1.11.5.0
 platform: ruby
 authors:
 - Maxim Dobryakov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-07 00:00:00.000000000 Z
+date: 2015-03-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: less-rails