less-rails-semantic_ui 1.4.1.0 → 1.5.0.0

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

@@ -302,10 +302,10 @@ $.fn.search = function(parameters) {
                   notAlreadyResult = ($.inArray(content, results) == -1 && $.inArray(content, fullTextResults) == -1)
                 ;
                 if(fieldExists && notAlreadyResult) {
-                  if( searchRegExp.test( content[field] ) ) {
+                  if( content[field].match(searchRegExp) ) {
                     results.push(content);
                   }
-                  else if( settings.searchFullText && fullTextRegExp.test( content[field] ) ) {
+                  else if( settings.searchFullText && content[field].match(content[field]) ) {
                     fullTextResults.push(content);
                   }
                 }

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

@@ -107,6 +107,9 @@ $.fn.sticky = function(parameters) {
         destroy: function() {
           module.verbose('Destroying previous module');
           module.reset();
+          if(observer) {
+            observer.disconnect();
+          }
           $window
             .off('resize' + eventNamespace, module.event.resize)
           ;

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

@@ -13,7 +13,7 @@
 
 "use strict";
 
-$.tab = $.fn.tab = function(parameters) {
+$.fn.tab = function(parameters) {
 
   var
     // use window context if none specified
@@ -37,7 +37,6 @@ $.tab = $.fn.tab = function(parameters) {
     returnedValue
   ;
 
-
   $allModules
     .each(function() {
       var
@@ -158,6 +157,7 @@ $.tab = $.fn.tab = function(parameters) {
 
         instantiate: function () {
           module.verbose('Storing instance of module', module);
+          instance = module;
           $module
             .data(moduleNamespace, module)
           ;
@@ -313,7 +313,7 @@ $.tab = $.fn.tab = function(parameters) {
                 $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
               }
             }
-            else if(tabPath.search('/') == -1) {
+            else if(tabPath.search('/') == -1 && tabPath !== '') {
               // look for in page anchor
               $anchor     = $('#' + tabPath + ', a[name="' + tabPath + '"]'),
               currentPath = $anchor.closest('[data-tab]').data('tab');
@@ -697,7 +697,6 @@ $.tab = $.fn.tab = function(parameters) {
           return found;
         }
       };
-
       if(methodInvoked) {
         if(instance === undefined) {
           module.initialize();
@@ -723,51 +722,38 @@ $.tab = $.fn.tab = function(parameters) {
 };
 
 // shortcut for tabbed content with no defined navigation
-$.tab = function(settings) {
-  $(window).tab(settings);
+$.tab = function() {
+  $(window).tab.apply(this, arguments);
 };
 
 $.fn.tab.settings = {
 
-  name         : 'Tab',
-  namespace    : 'tab',
-
-  debug        : false,
-  verbose      : true,
-  performance  : true,
-
-  // uses pjax style endpoints fetching content from same url with remote-content headers
-  auto         : false,
-  history      : false,
-  historyType  : 'hash',
-  path         : false,
-
-  context      : false,
-  childrenOnly : false,
-
-  // max depth a tab can be nested
-  maxDepth        : 25,
-
-  // dont load content on first load
-  ignoreFirstLoad : false,
+  name            : 'Tab',
+  namespace       : 'tab',
 
-  // load tab content new every tab click
-  alwaysRefresh   : false,
+  debug           : false,
+  verbose         : true,
+  performance     : true,
 
-  // cache the content requests to pull locally
-  cache           : true,
+  auto            : false,  // uses pjax style endpoints fetching content from same url with remote-content headers
+  history         : false,  // use browser history
+  historyType     : 'hash', // #/ or html5 state
+  path            : false,  // base path of url
 
-  // settings for api call
-  apiSettings     : false,
+  context         : false,  // specify a context that tabs must appear inside
+  childrenOnly    : false,  // use only tabs that are children of context
+  maxDepth        : 25,     // max depth a tab can be nested
 
-  // only called first time a tab's content is loaded (when remote source)
-  onTabInit    : function(tabPath, parameterArray, historyEvent) {},
+  alwaysRefresh   : false,  // load tab content new every tab click
+  cache           : true,   // cache the content requests to pull locally
+  ignoreFirstLoad : false,  // don't load remote content on first load
+  apiSettings     : false,  // settings for api call
 
-  // called on every load
-  onTabLoad    : function(tabPath, parameterArray, historyEvent) {},
+  onTabInit    : function(tabPath, parameterArray, historyEvent) {}, // called first time loaded
+  onTabLoad    : function(tabPath, parameterArray, historyEvent) {}, // called on every load
 
   templates    : {
-    determineTitle: function(tabArray) {}
+    determineTitle: function(tabArray) {} // returns page title for path
   },
 
   error: {

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

@@ -178,10 +178,10 @@ $.fn.video = function(parameters) {
             return false;
           },
           id: function(url) {
-            if(settings.regExp.youtube.test(url)) {
+            if(url.match(settings.regExp.youtube)) {
               return url.match(settings.regExp.youtube)[1];
             }
-            else if(settings.regExp.vimeo.test(url)) {
+            else if(url.match(settings.regExp.vimeo)) {
               return url.match(settings.regExp.vimeo)[2];
             }
             return false;

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

@@ -682,7 +682,17 @@
   .ui.form .four.fields > .fields,
   .ui.form .four.fields > .field,
   .ui.form .five.fields > .fields,
-  .ui.form .five.fields > .field {
+  .ui.form .five.fields > .field,
+  .ui.form .six.fields > .fields,
+  .ui.form .six.fields > .field,
+  .ui.form .seven.fields > .fields,
+  .ui.form .seven.fields > .field,
+  .ui.form .eight.fields > .fields,
+  .ui.form .eight.fields > .field,
+  .ui.form .nine.fields > .fields,
+  .ui.form .nine.fields > .field,
+  .ui.form .ten.fields > .fields,
+  .ui.form .ten.fields > .field {
     width: @oneColumn !important;
     margin: @fieldMargin;
     padding-left: 0%;
@@ -787,6 +797,7 @@
   .ui.form .fields > .fifteen.wide.field,
   .ui.form .fields > .sixteen.wide.field {
     width: @oneColumn !important;
+    margin: @fieldMargin;
     padding-left: 0%;
     padding-right: 0%;
   }
@@ -808,9 +819,11 @@
 .ui.form .inline.fields .field > label,
 .ui.form .inline.fields .field > p,
 .ui.form .inline.fields .field > input,
+.ui.form .inline.fields .field > .ui.input,
 .ui.form .inline.field > label,
 .ui.form .inline.field > p,
-.ui.form .inline.field > input {
+.ui.form .inline.field > input,
+.ui.form .inline.field > .ui.input {
   display: inline-block;
   width: auto;
 
@@ -821,7 +834,9 @@
   font-size: @inlineLabelFontSize;
 }
 .ui.form .inline.fields .field > input,
-.ui.form .inline.field > input {
+.ui.form .inline.fields .field > .ui.input,
+.ui.form .inline.field > input,
+.ui.form .inline.field > .ui.input {
   font-size: @inlineLabelFontSize;
 }
 .ui.form .inline.fields .field > .ui.checkbox label {

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

@@ -1588,14 +1588,10 @@
   .ui.stackable.grid {
     display: block !important;
     width: auto;
-    margin-left: -(@stackableGutter / 2) !important;
-    margin-right: -(@stackableGutter / 2) !important;
+    margin-left: 0em !important;
+    margin-right: 0em !important;
     padding: 0em;
   }
-  .ui.stackable.padded.grid:not(.vertically) {
-    margin-left: -(@stackableGutter / 2) !important;
-    margin-right: -(@stackableGutter / 2) !important;
-  }
   .ui.stackable.grid > .row > .wide.column,
   .ui.stackable.grid > .wide.column,
   .ui.stackable.grid > .column.grid > .column,
@@ -1604,48 +1600,46 @@
   .ui.stackable.grid > .column:not(.row) {
     display: block !important;
     width: auto !important;
-
     margin: 0em 0em !important;
-    padding: (@stackableRowSpacing / 2) (@stackableGutter) !important;
     box-shadow: none !important;
+    padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important;
   }
   .ui.stackable.grid > .row {
     margin: 0em;
     padding: 0em;
   }
   .ui.stackable.grid .column > .ui.stackable.grid {
-      margin-left: -(@stackableGutter) !important;
-      margin-right: -(@stackableGutter) !important;
+    margin-left: -(@stackableGutter / 2) !important;
+    margin-right: -(@stackableGutter / 2) !important;
   }
 
-  .ui.stackable.celled.grid > .column:not(.row),
-  .ui.stackable.divided.grid > .column:not(.row),
-  .ui.stackable.celled.grid > .row > .column,
-  .ui.stackable.divided.grid > .row > .column {
-    border-top: @stackableMobileBorder;
-    box-shadow: none !important;
-  }
-  .ui.inverted.stackable.celled.grid > .column:not(.row),
-  .ui.inverted.stackable.divided.grid > .column:not(.row),
-  .ui.inverted.stackable.celled.grid > .row > .column,
-  .ui.inverted.stackable.divided.grid > .row > .column {
-    border-top: @stackableInvertedMobileBorder;
+  /* Equal Height Stackable */
+  .ui[class*="equal height"].stackable.page.grid {
+    display: block !important;
   }
+
+  /* Divided Stackable */
   .ui.stackable.divided.grid > .row:first-child > .column:first-child,
   .ui.stackable.celled.grid > .row:first-child > .column:first-child,
   .ui.stackable.divided.grid > .column:not(.row):first-child,
   .ui.stackable.celled.grid > .column:not(.row):first-child {
     border-top: none !important;
   }
-
-  .ui[class*="equal height"].stackable.page.grid {
-    display: block !important;
-    width: 100% !important;
+  .ui.inverted.stackable.celled.grid > .column:not(.row),
+  .ui.inverted.stackable.divided.grid > .column:not(.row),
+  .ui.inverted.stackable.celled.grid > .row > .column,
+  .ui.inverted.stackable.divided.grid > .row > .column {
+    border-top: @stackableInvertedMobileBorder;
   }
 
-  /* Remove pointers from vertical menus */
-  .ui.stackable.grid .vertical.pointing.menu .item:after {
-    display: none;
+  .ui.stackable.celled.grid > .column:not(.row),
+  .ui.stackable.divided.grid > .column:not(.row),
+  .ui.stackable.celled.grid > .row > .column,
+  .ui.stackable.divided.grid > .row > .column {
+    border-top: @stackableMobileBorder;
+    box-shadow: none !important;
+    padding-top: @stackableRowSpacing !important;
+    padding-bottom: @stackableRowSpacing !important;
   }
 
 }

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

@@ -1453,13 +1453,14 @@
   border-radius: 0px !important;
 }
 
-.ui.menu.fixed.top {
+.ui.fixed.menu,
+.ui.top.fixed.menu {
   top: 0px;
   left: 0px;
   right: auto;
   bottom: auto;
 }
-.ui.menu.fixed.right {
+.ui.right.fixed.menu {
   top: 0px;
   right: 0px;
   left: auto;
@@ -1467,13 +1468,13 @@
   width: auto;
   height: 100%;
 }
-.ui.menu.fixed.bottom {
+.ui.bottom.fixed.menu {
   bottom: 0px;
   left: 0px;
   top: auto;
   right: auto;
 }
-.ui.menu.fixed.left {
+.ui.left.fixed.menu {
   top: 0px;
   left: 0px;
   right: auto;

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

@@ -217,6 +217,19 @@
 }
 
 
+/*******************************
+            Coupling
+*******************************/
+
+/* UI Image */
+.ui.table th .image,
+.ui.table th .image img,
+.ui.table td .image,
+.ui.table td .image img {
+  max-width: none;
+}
+
+
 /*******************************
              Types
 *******************************/

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

@@ -93,7 +93,7 @@
        Loading
 ---------------------*/
 
-.ui.loading.loading.input > .icon:before {
+.ui.loading.loading.input > i.icon:before {
   position: absolute;
   content: '';
   top: 50%;
@@ -106,7 +106,7 @@
   border-radius: @circularRadius;
   border: @loaderLineWidth solid @loaderFillColor;
 }
-.ui.loading.loading.input > .icon:after {
+.ui.loading.loading.input > i.icon:after {
   position: absolute;
   content: '';
   top: 50%;
@@ -192,7 +192,7 @@
 }
 
 /* Transparent Icon */
-.ui.transparent.icon.input > .icon {
+.ui.transparent.icon.input > i.icon {
   width: @transparentIconWidth;
 }
 .ui.transparent.icon.input > input {
@@ -220,7 +220,7 @@
          Icon
 ---------------------*/
 
-.ui.icon.input > .icon {
+.ui.icon.input > i.icon {
   cursor: default;
   position: absolute;
   text-align: center;
@@ -234,8 +234,12 @@
   border-radius: 0em @borderRadius @borderRadius 0em;
   transition: @iconTransition;
 }
-.ui.icon.input > .icon:before,
-.ui.icon.input > .icon:after {
+.ui.icon.input input {
+  padding-right: @iconMargin !important;
+}
+
+.ui.icon.input > i.icon:before,
+.ui.icon.input > i.icon:after {
   left: 0;
   position: absolute;
   text-align: center;
@@ -243,24 +247,21 @@
   width: 100%;
   margin-top: @iconOffset;
 }
-.ui.icon.input > .link.icon {
+.ui.icon.input > i.link.icon {
   cursor: pointer;
 }
-.ui.icon.input input {
-  padding-right: @iconMargin !important;
-}
-.ui.icon.input > .circular.icon {
+.ui.icon.input > i.circular.icon {
   top: @circularIconVerticalOffset;
   right: @circularIconHorizontalOffset;
 }
 
 /* Left Icon Input */
-.ui[class*="left icon"].input > .icon {
+.ui[class*="left icon"].input > i.icon {
   right: auto;
   left: @borderWidth;
   border-radius: @borderRadius 0em 0em @borderRadius;
 }
-.ui[class*="left icon"].input > .circular.icon {
+.ui[class*="left icon"].input > i.circular.icon {
   right: auto;
   left: @circularIconHorizontalOffset;
 }
@@ -270,7 +271,7 @@
 }
 
 /* Focus */
-.ui.icon.input > input:focus ~ .icon {
+.ui.icon.input > input:focus ~ i.icon {
   opacity: 1;
 }
 

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

@@ -278,49 +278,6 @@ a.ui.label {
   margin: 0em;
 }
 
-/* Text Label
-.ui.text.corner.label {
-  font-weight: @cornerTextWeight;
-  text-align: center;
-  padding: 0.25em 0;
-  top: 1.1em;
-  transform: rotate(45deg);
-  width: 4em;
-  height: auto;
-}
-.ui.left.text.corner.label {
-  transform: rotate(-45deg);
-}
-.ui.text.corner.label:before,
-.ui.text.corner.label:after {
-  position: absolute;
-  content: '';
-  top: 0em;
-  width: 0em;
-  height: 0em;
-}
-.ui.text.corner.label:before {
-  left: auto;
-  right: 100%;
-  border-top: 0em solid transparent;
-  border-right-width: @ribbonTriangleSize;
-  border-right-color: inherit;
-  border-right-style: solid;
-  border-bottom: @ribbonTriangleSize solid transparent;
-  border-left: 0em solid transparent;
-}
-.ui.text.corner.label:after {
-  left: 100%;
-  right: auto;
-  border-top: 0em solid transparent;
-  border-right-width: @ribbonTriangleSize;
-  border-right-color: inherit;
-  border-right-style: solid;
-  border-bottom: @ribbonTriangleSize solid transparent;
-  border-left: 0em solid transparent;
-}
-*/
-
 /* Left Corner */
 .ui.left.corner.label,
 .ui.left.corner.label:after {
@@ -367,11 +324,10 @@ a.ui.label {
 .ui.ribbon.label {
   position: relative;
   margin: 0em;
+
   left: -@ribbonDistance;
   padding-left: @ribbonDistance;
-
   border-radius: 0em @borderRadius @borderRadius 0em;
-
   border-color: @ribbonShadowColor;
 }
 
@@ -383,17 +339,33 @@ a.ui.label {
   left: 0%;
   background-color: transparent !important;
 
-  border-top: 0em solid transparent;
-  border-right-width: @ribbonTriangleSize;
+  border-style: solid;
+  border-width: 0em @ribbonTriangleSize @ribbonTriangleSize 0em;
+  border-color: transparent;
   border-right-color: inherit;
-  border-right-style: solid;
-  border-bottom: @ribbonTriangleSize solid transparent;
-  border-left: 0em solid transparent;
 
   width: 0em;
   height: 0em;
 }
 
+.ui[class*="right ribbon"].label {
+  text-align: left;
+  transform: translateX(-100%);
+  left: ~"calc(100% + "@ribbonDistance~")";
+  border-radius: @borderRadius 0em 0em @borderRadius;
+  padding-left: @horizontalPadding;
+  padding-right: @ribbonDistance;
+}
+.ui[class*="right ribbon"].label:after {
+  left: auto;
+  right: 0%;
+
+  border-style: solid;
+  border-width: @ribbonTriangleSize @ribbonTriangleSize 0em 0em;
+  border-color: transparent;
+  border-top-color: inherit;
+}
+
 /*-------------------
        Attached
 --------------------*/