semantic-ui-rails 0.9.5 → 0.10.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a3a4fb64c5af5df81b1706a00f8fb56c0f54d243
-  data.tar.gz: 975a4427e3d69096d59f9b9fc8fabcd30fb22aa1
+  metadata.gz: 8a6aa31132f8a15cb8b103ee000986c79fbe9aff
+  data.tar.gz: a53914e024789c09a97093f1734a1cddfa2c31f4
 SHA512:
-  metadata.gz: d2a455088c4680322c04a276b478c59e2efe95d1363213cfc1432bfab5c28beb35afb29587b77496f8e697fcb4c4a095420134691e7eef35be0ed111d51025bd
-  data.tar.gz: 1bfcd1137e380f3784eb534788d5de8698a42190416898e1af54af9d1c5171cef651d4813545552a8e492d0274efaefa4e9ec6c49a4c6f6b4f9674696850598b
+  metadata.gz: 1e2661f29d83f5cedda7323da09638f8f2a2eed20a10ad6d5ebdb2ec2d5b8283f6aca65123763a6b43b5105552f15e5b947c35d47d4deb533dce8106333ecfd6
+  data.tar.gz: b00b8dd0d02df05efba1d41ccb512b18e1448c482e80e06fb9102969947081161577279ca9673ee9dd3a52435033f56b0ac05c0c9f35855ff5a040171b89e713

data/app/assets/javascripts/semantic-ui/modules/behavior/form.js

@@ -158,12 +158,12 @@ $.fn.form = function(fields, parameters) {
                 $field      = $(this),
                 $fieldGroup = $field.closest($group)
               ;
-              if( $fieldGroup.hasClass(className.error) ) {
-                module.debug('Revalidating field', $field,  module.get.validation($field));
-                module.validate.field( module.get.validation($field) );
-              }
-              else if(settings.on == 'change') {
-                module.validate.field( module.get.validation($field) );
+              if(settings.on == 'change' || ( $fieldGroup.hasClass(className.error) && settings.revalidate) ) {
+                clearTimeout(module.timer);
+                module.timer = setTimeout(function() {
+                  module.debug('Revalidating field', $field,  module.get.validation($field));
+                  module.validate.field( module.get.validation($field) );
+                }, settings.delay);
               }
             }
           }
@@ -574,6 +574,9 @@ $.fn.form.settings = {
   on                : 'submit',
   inline            : false,
 
+  delay             : 200,
+  revalidate        : true,
+
   transition        : 'scale',
   duration          : 150,
 
@@ -609,7 +612,6 @@ $.fn.form.settings = {
   },
 
 
-
   templates: {
     error: function(errors) {
       var

data/app/assets/javascripts/semantic-ui/modules/dropdown.js

@@ -318,7 +318,10 @@ $.fn.dropdown = function(parameters) {
             return $text.text();
           },
           value: function() {
-            return $input.val();
+            return ($input.size() > 0)
+              ? $input.val()
+              : $module.data(metadata.value)
+            ;
           },
           item: function(value) {
             var
@@ -364,7 +367,12 @@ $.fn.dropdown = function(parameters) {
           },
           value: function(value) {
             module.debug('Adding selected value to hidden input', value, $input);
-            $input.val(value);
+            if($input.size() > 0) {
+              $input.val(value);
+            }
+            else {
+              $module.data(metadata.value, value);
+            }
           },
           active: function() {
             $module.addClass(className.active);

data/app/assets/javascripts/semantic-ui/modules/rating.js

@@ -152,7 +152,7 @@ $.fn.rating = function(parameters) {
             .on('click' + eventNamespace, module.event.click)
           ;
           $module
-            .addClass(className.active)
+            .removeClass(className.disabled)
           ;
         },
 
@@ -162,7 +162,7 @@ $.fn.rating = function(parameters) {
             .off(eventNamespace)
           ;
           $module
-            .removeClass(className.active)
+            .addClass(className.disabled)
           ;
         },
 
@@ -392,9 +392,10 @@ $.fn.rating.settings = {
   },
 
   className : {
-    active  : 'active',
-    hover   : 'hover',
-    loading : 'loading'
+    active   : 'active',
+    disabled : 'disabled',
+    hover    : 'hover',
+    loading  : 'loading'
   },
 
   selector  : {

data/app/assets/stylesheets/semantic-ui/collections/grid.less

@@ -45,6 +45,7 @@ body > .ui.grid {
        Columns
 --------------------*/
 
+/* Standard 16 column */
 .ui.grid > .column,
 .ui.grid > .row > .column {
 
@@ -52,6 +53,7 @@ body > .ui.grid {
   text-align: left;
   font-size: 1rem;
 
+  width: 6.25%;
   padding-left: 1.5%;
   padding-right: 1.5%;
 
@@ -63,6 +65,12 @@ body > .ui.grid {
   vertical-align: top;
 }
 
+/* Vertical padding when no rows */
+.ui.grid > .column {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
 /*-------------------
         Rows
 --------------------*/
@@ -71,7 +79,7 @@ body > .ui.grid {
   display: block;
   width: 100% !important;
   margin-top: 1.5%;
-  padding: 1.5% 0% 0%;
+  padding: 1rem 0% 0%;
   font-size: 0rem;
 }
 .ui.grid > .row:first-child {
@@ -141,79 +149,73 @@ body > .ui.grid {
 /* Sizing Combinations */
 .ui.grid > .row > .one.wide.column,
 .ui.grid > .one.wide.column {
-  width: 6.25%;
+  width: 6.25% !important;
 }
 .ui.grid > .row > .two.wide.column,
 .ui.grid > .two.wide.column {
-  width: 12.5%;
+  width: 12.5% !important;
 }
 .ui.grid > .row > .three.wide.column,
 .ui.grid > .three.wide.column {
-  width: 18.75%;
+  width: 18.75% !important;
 }
 .ui.grid > .row > .four.wide.column,
 .ui.grid > .four.wide.column {
-  width: 25%;
+  width: 25% !important;
 }
 .ui.grid > .row > .five.wide.column,
 .ui.grid > .five.wide.column {
-  width: 31.25%;
+  width: 31.25% !important;
 }
 .ui.grid > .row > .six.wide.column,
 .ui.grid > .six.wide.column {
-  width: 37.5%;
+  width: 37.5% !important;
 }
 .ui.grid > .row > .seven.wide.column,
 .ui.grid > .seven.wide.column {
-  width: 43.75%;
+  width: 43.75% !important;
 }
 .ui.grid > .row > .eight.wide.column,
 .ui.grid > .eight.wide.column {
-  width: 50%;
+  width: 50% !important;
 }
 .ui.grid > .row > .nine.wide.column,
 .ui.grid > .nine.wide.column {
-  width: 56.25%;
+  width: 56.25% !important;
 }
 .ui.grid > .row > .ten.wide.column,
 .ui.grid > .ten.wide.column {
-  width: 62.5%;
+  width: 62.5% !important;
 }
 .ui.grid > .row > .eleven.wide.column,
 .ui.grid > .eleven.wide.column {
-  width: 68.75%;
+  width: 68.75% !important;
 }
 .ui.grid > .row > .twelve.wide.column,
 .ui.grid > .twelve.wide.column {
-  width: 75%;
+  width: 75% !important;
 }
 .ui.grid > .row > .thirteen.wide.column,
 .ui.grid > .thirteen.wide.column {
-  width: 81.25%;
+  width: 81.25% !important;
 }
 .ui.grid > .row > .fourteen.wide.column,
 .ui.grid > .fourteen.wide.column {
-  width: 87.5%;
+  width: 87.5% !important;
 }
 .ui.grid > .row > .fifteen.wide.column,
 .ui.grid > .fifteen.wide.column {
-  width: 93.75%;
+  width: 93.75% !important;
 }
 .ui.grid > .row > .sixteen.wide.column,
 .ui.grid > .sixteen.wide.column {
-  width: 100%;
+  width: 100% !important;
 }
 
 /*-------------------
      Column Count
 --------------------*/
 
-/* Standard */
-.ui.grid > .column,
-.ui.grid > .row > .column {
-  width: 6.25%;
-}
-
 /* Assume full width with one column */
 .ui.one.column.grid > .row > .column,
 .ui.one.column.grid > .column,
@@ -303,6 +305,7 @@ body > .ui.grid {
 }
 
 
+
 /*----------------------
         Relaxed
 -----------------------*/
@@ -462,6 +465,14 @@ body > .ui.grid {
   text-align: right;
 }
 
+.ui.justified.grid,
+.ui.justified.grid > .row > .column,
+.ui.justified.grid > .column,
+.ui.grid .justified.column,
+.ui.grid > .justified.row > .column {
+  text-align: justify;
+  hyphens: auto;
+}
 
 /*----------------------
   Vertically Centered
@@ -617,6 +628,138 @@ body > .ui.grid {
 }
 
 
+/*-------------------
+      Doubling
+--------------------*/
+
+/* Mobily Only */
+@media only screen and (max-width : 768px) {
+  .ui.two.column.doubling.grid > .row > .column,
+  .ui.two.column.doubling.grid > .column,
+  .ui.grid > .two.column.doubling.row > .column {
+    width: 100%;
+  }
+  .ui.three.column.doubling.grid > .row > .column,
+  .ui.three.column.doubling.grid > .column,
+  .ui.grid > .three.column.doubling.row > .column {
+    width: 100%;
+  }
+  .ui.four.column.doubling.grid > .row > .column,
+  .ui.four.column.doubling.grid > .column,
+  .ui.grid > .four.column.doubling.row > .column {
+    width: 100%;
+  }
+  .ui.five.column.doubling.grid > .row > .column,
+  .ui.five.column.doubling.grid > .column,
+  .ui.grid > .five.column.doubling.row > .column {
+    width: 100%;
+  }
+  .ui.six.column.doubling.grid > .row > .column,
+  .ui.six.column.doubling.grid > .column,
+  .ui.grid > .six.column.doubling.row > .column {
+    width: 50%;
+  }
+  .ui.seven.column.doubling.grid > .row > .column,
+  .ui.seven.column.doubling.grid > .column,
+  .ui.grid > .seven.column.doubling.row > .column {
+    width: 50%;
+  }
+  .ui.eight.column.doubling.grid > .row > .column,
+  .ui.eight.column.doubling.grid > .column,
+  .ui.grid > .eight.column.doubling.row > .column {
+    width: 50%;
+  }
+  .ui.nine.column.doubling.grid > .row > .column,
+  .ui.nine.column.doubling.grid > .column,
+  .ui.grid > .nine.column.doubling.row > .column {
+    width: 50%;
+  }
+  .ui.ten.column.doubling.grid > .row > .column,
+  .ui.ten.column.doubling.grid > .column,
+  .ui.grid > .ten.column.doubling.row > .column {
+    width: 50%;
+  }
+  .ui.twelve.column.doubling.grid > .row > .column,
+  .ui.twelve.column.doubling.grid > .column,
+  .ui.grid > .twelve.column.doubling.row > .column {
+    width: 33.3333333333333%;
+  }
+  .ui.fourteen.column.doubling.grid > .row > .column,
+  .ui.fourteen.column.doubling.grid > .column,
+  .ui.grid > .fourteen.column.doubling.row > .column {
+    width: 33.3333333333333%;
+  }
+  .ui.sixteen.column.doubling.grid > .row > .column,
+  .ui.sixteen.column.doubling.grid > .column,
+  .ui.grid > .sixteen.column.doubling.row > .column {
+    width: 25%;
+  }
+}
+
+/* Tablet Only */
+@media only screen and (min-width : 768px) and (max-width : 998px) {
+  .ui.two.column.doubling.grid > .row > .column,
+  .ui.two.column.doubling.grid > .column,
+  .ui.grid > .two.column.doubling.row > .column {
+    width: 100%;
+  }
+  .ui.three.column.doubling.grid > .row > .column,
+  .ui.three.column.doubling.grid > .column,
+  .ui.grid > .three.column.doubling.row > .column {
+    width: 50%;
+  }
+  .ui.four.column.doubling.grid > .row > .column,
+  .ui.four.column.doubling.grid > .column,
+  .ui.grid > .four.column.doubling.row > .column {
+    width: 50%;
+  }
+  .ui.five.column.doubling.grid > .row > .column,
+  .ui.five.column.doubling.grid > .column,
+  .ui.grid > .five.column.doubling.row > .column {
+    width: 33.3333333%;
+  }
+  .ui.six.column.doubling.grid > .row > .column,
+  .ui.six.column.doubling.grid > .column,
+  .ui.grid > .six.column.doubling.row > .column {
+    width: 33.3333333%;
+  }
+  .ui.eight.column.doubling.grid > .row > .column,
+  .ui.eight.column.doubling.grid > .column,
+  .ui.grid > .eight.column.doubling.row > .column {
+    width: 33.3333333%;
+  }
+  .ui.eight.column.doubling.grid > .row > .column,
+  .ui.eight.column.doubling.grid > .column,
+  .ui.grid > .eight.column.doubling.row > .column {
+    width: 25%;
+  }
+  .ui.nine.column.doubling.grid > .row > .column,
+  .ui.nine.column.doubling.grid > .column,
+  .ui.grid > .nine.column.doubling.row > .column {
+    width: 25%;
+  }
+  .ui.ten.column.doubling.grid > .row > .column,
+  .ui.ten.column.doubling.grid > .column,
+  .ui.grid > .ten.column.doubling.row > .column {
+    width: 20%;
+  }
+  .ui.twelve.column.doubling.grid > .row > .column,
+  .ui.twelve.column.doubling.grid > .column,
+  .ui.grid > .twelve.column.doubling.row > .column {
+    width: 16.6666666%;
+  }
+  .ui.fourteen.column.doubling.grid > .row > .column,
+  .ui.fourteen.column.doubling.grid > .column,
+  .ui.grid > .fourteen.column.doubling.row > .column {
+    width: 14.28571428571429%;
+  }
+  .ui.sixteen.column.doubling.grid > .row > .column,
+  .ui.sixteen.column.doubling.grid > .column,
+  .ui.grid > .sixteen.column.doubling.row > .column {
+    width: 12.5%;
+  }
+}
+
 /*-------------------
        Stackable
 --------------------*/
@@ -625,14 +768,15 @@ body > .ui.grid {
   .ui.stackable.grid {
     display: block !important;
     padding: 0em;
+    margin: 0em;
   }
   .ui.stackable.grid > .row > .column,
   .ui.stackable.grid > .column {
     display: block !important;
     width: auto !important;
 
-    margin: 1.5em 5% 0em !important;
-    padding: 1.5em 0em 0em !important;
+    margin: 1em 0em 0em !important;
+    padding: 1em 0em 0em !important;
 
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
@@ -654,6 +798,12 @@ body > .ui.grid {
     border-top: none !important;
   }
 
+  .ui.stackable.page.grid > .row > .column,
+  .ui.stackable.page.grid > .column {
+    padding-left: 1em !important;
+    padding-right: 1em !important;
+  }
+
   /* Remove pointers from vertical menus */
   .ui.stackable.grid .vertical.pointing.menu .item:after {
     display: none;

data/app/assets/stylesheets/semantic-ui/collections/message.less

@@ -219,6 +219,10 @@
   -moz-border-radius: 0em 0em 0.325em 0.325em;
   border-radius: 0em 0em 0.325em 0.325em;
 }
+.ui.attached.icon.message {
+  display: block;
+  width: auto;
+}
 
 
 /*--------------

data/app/assets/stylesheets/semantic-ui/elements/basic.icon.less

@@ -11,7 +11,7 @@
 
 
 /*******************************
-             basic.Icon
+          Basic Icon
 *******************************/
 
 @font-face {
@@ -19,9 +19,9 @@
   src: asset-url("semantic-ui/basic.icons.eot");
   src:
     asset-url("semantic-ui/basic.icons.eot?#iefix") format('embedded-opentype'),
+    asset-url("semantic-ui/basic.icons.svg#basic.icons") format('svg'),
     asset-url("semantic-ui/basic.icons.woff") format('woff'),
-    asset-url("semantic-ui/basic.icons.ttf") format('truetype'),
-    asset-url("semantic-ui/basic.icons.svg#basic.icons") format('svg')
+    asset-url("semantic-ui/basic.icons.ttf") format('truetype')
   ;
 
   font-style: normal;

data/app/assets/stylesheets/semantic-ui/elements/button.less

@@ -428,7 +428,6 @@
   color: #FFFFFF;
 }
 
-
 /* Pinterest */
 .ui.pinterest.button {
   background-color: #00ACED;
@@ -443,6 +442,19 @@
   color: #FFFFFF;
 }
 
+/* vk.com */
+.ui.vk.button {
+  background-color: #4D7198;
+  color: #FFFFFF;
+}
+.ui.vk.button:hover {
+  background-color: #537AA5;
+  color: #FFFFFF;
+}
+.ui.vk.button:active {
+  background-color: #405E7E;
+  color: #FFFFFF;
+}
 /*--------------
      Icon
 ---------------*/

data/app/assets/stylesheets/semantic-ui/elements/header.less

@@ -263,6 +263,14 @@ h5.ui.header {
 .ui.center.aligned.header {
   text-align: center;
 }
+.ui.justified.header {
+  text-align: justify;
+}
+.ui.justified.header:after {
+  display: inline-block;
+  content: '';
+  width: 100%;
+}
 
 /*-------------------
        Floated

data/app/assets/stylesheets/semantic-ui/elements/icon.less

@@ -31,9 +31,9 @@
   src: asset-url("semantic-ui/icons.eot");
   src:
     asset-url("semantic-ui/icons.eot?#iefix") format('embedded-opentype'),
+    asset-url("semantic-ui/icons.svg#icons") format('svg'),
     asset-url("semantic-ui/icons.woff") format('woff'),
-    asset-url("semantic-ui/icons.ttf") format('truetype'),
-    asset-url("semantic-ui/icons.svg#icons") format('svg')
+    asset-url("semantic-ui/icons.ttf") format('truetype')
   ;
 
   font-style: normal;

data/app/assets/stylesheets/semantic-ui/elements/segment.less

@@ -232,6 +232,18 @@
   border-top: 1px solid rgba(255, 255, 255, 0.35);
 }
 
+/*-------------------
+       Circular
+--------------------*/
+
+.ui.circular.segment {
+  display: table-cell;
+  padding: 2em;
+  text-align: center;
+  vertical-align: middle;
+  border-radius: 500em;
+}
+
 /*-------------------
        Raised
 --------------------*/
@@ -361,6 +373,10 @@
 .ui.center.aligned.segment {
   text-align: center;
 }
+.ui.justified.segment {
+  text-align: justify;
+  hyphens: auto;
+}
 
 /*-------------------
        Floated

data/app/assets/stylesheets/semantic-ui/modules/dimmer.less

@@ -113,7 +113,7 @@
   overflow: hidden;
 }
 
-.ui.dimmed.dimmable > .ui.dimmer,
+.ui.dimmed.dimmable > .ui.visible.dimmer,
 .ui.active.dimmer {
   display: block;
   width: 100%;

data/app/assets/stylesheets/semantic-ui/modules/rating.less

@@ -34,7 +34,7 @@
 
 /* Icon */
 .ui.rating .icon {
-  cursor: default;
+  cursor: pointer;
 
   margin: 0em;
 
@@ -131,9 +131,9 @@
         Active
 --------------------*/
 
-/* active rating */
-.ui.active.rating .icon {
-  cursor: pointer;
+/* disabled rating */
+.ui.disabled.rating .icon {
+  cursor: default;
 }
 
 /* active icons */

data/lib/semantic/ui/rails/version.rb

@@ -1,7 +1,7 @@
 module Semantic
   module Ui
     module Rails
-      VERSION = "0.9.5"
+      VERSION = "0.10.1"
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-rails
 version: !ruby/object:Gem::Version
-  version: 0.9.5
+  version: 0.10.1
 platform: ruby
 authors:
 - nd0ut
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-11-25 00:00:00.000000000 Z
+date: 2013-12-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: less-rails