titon-toolkit 1.2.1 → 1.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: eecab21ad6f3ff205ddca3ff119482c07d3e9470
-  data.tar.gz: 1d4aa28201ea3984acc65339515a39f0c2ea022c
+  metadata.gz: d413ce70c7079b44d459f834d3d637bcbea3d7bb
+  data.tar.gz: 2ea9a84f877320b46f7707aa0fcad89f1482d9ec
 SHA512:
-  metadata.gz: 72bf72a4ac2103215ecc8098f3884dd3589a697068990d2bcc8ee58e3639aa221a635f2033e2f40286d5048e40ae5d66029364b20fd9f904ba148b960dfc7fda
-  data.tar.gz: 246f1c5b9a431847afccdb130015c504ef4ea950ce726e56a2068753f89ca3766ee10a86f4700914694e1a09ebcf1975c9942544189b55a9c23df8a3147eed95
+  metadata.gz: d4b81970cc8b02b1ec6ca2b9e306e648edaed42212ec18a7a9e8ea7ac94670efde6b53ea512d30ad536fa657a847e82cd8a9883fd27ba817b63613aee2f874d3
+  data.tar.gz: b31044ad955c73fbd1be7c5f92b960fec80669d37be74e8e30fb89c463b4d3e42c86fa8b04e04717f4a272f6d0aed9c5b2c0ee534f8da2f8f111d21cfab240f2

data/changelog.md

@@ -2,6 +2,12 @@
 
 Older versions can be found in the documentation changelogs.
 
+## 1.2.2 ##
+* Added z-index variables to all applicable components for easier layering
+* Fixed a bug where data attribute selectors were not being delegated to the document [[#20](https://github.com/titon/toolkit/issues/20)]
+* Fixed a bug where tooltips would not show above modals [[#20](https://github.com/titon/toolkit/issues/20)]
+* Fixed a bug where the blackout could be closed while the modal is loading [[#16](https://github.com/titon/toolkit/issues/16)]
+
 ## 1.2.1 ##
 * Fixed a bug with `throttle()` when 0 is passed as the delay
 * Pin

data/readme.md

@@ -6,7 +6,7 @@
                           \/_/  \/_____/\/_____/\/_____/\/_/\/_/ \/_/  \/_/
 ```
 
-# Toolkit v1.2.1 #
+# Toolkit v1.2.2 #
 
 Titon Toolkit is a collection of very powerful user interface components and utility classes
 for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS,

data/scss/toolkit/_common.scss

@@ -120,6 +120,21 @@ $progress-transition: .5s !default;
 $showcase-transition: $default-transition !default;
 $tooltip-transition: $default-transition !default;
 
+//-------------------- Z Index --------------------//
+
+// 1) Modal and Showcase should be higher than Blackout
+// 2) Tooltip and Popover should be higher than Modals in case they exist within them
+
+$blackout-zindex: 600;
+$drop-zindex: 500;
+$flyout-zindex: 500;
+$mask-zindex: 500;
+$modal-zindex: 610;
+$popover-zindex: 700;
+$showcase-zindex: 610;
+$tooltip-zindex: 700;
+$typeAhead-zindex: 500;
+
 //-------------------- Responsive --------------------//
 
 $responsive-design: "mobile" !default; // mobile, desktop

data/scss/toolkit/components/blackout.scss

@@ -12,7 +12,7 @@
     left: 0;
     height: 100%;
     width: 100%;
-    z-index: 600;
+    z-index: $blackout-zindex;
     opacity: 0;
     visibility: hidden;
     background: black($blackout-opacity);

data/scss/toolkit/components/drop.scss

@@ -18,7 +18,7 @@
     left: 0;
     width: 200px;
     line-height: 100%;
-    z-index: 500;
+    z-index: $drop-zindex;
     opacity: 0;
     visibility: hidden;
     @include transition(opacity $drop-transition);
@@ -29,7 +29,7 @@
         display: block;
         top: 0;
         left: 90%;
-        z-index: 510;
+        z-index: $drop-zindex + 1;
         @include transition(left $drop-transition, opacity $drop-transition);
     }
 

data/scss/toolkit/components/flyout.scss

@@ -10,7 +10,7 @@
     position: absolute;
     top: 0;
     left: 0;
-    z-index: 500;
+    z-index: $flyout-zindex;
     opacity: 0;
     visibility: hidden;
     @include box-sizing(content-box); // required by MooTools for multi columns

data/scss/toolkit/components/mask.scss

@@ -12,7 +12,7 @@
     left: 0;
     height: 100%;
     width: 100%;
-    z-index: 600;
+    z-index: $mask-zindex;
     opacity: 0;
     visibility: hidden;
     background: black($mask-opacity);

data/scss/toolkit/components/modal.scss

@@ -12,7 +12,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    z-index: 610; // higher than blackout
+    z-index: $modal-zindex;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     visibility: hidden;

data/scss/toolkit/components/popover.scss

@@ -16,7 +16,7 @@ $popover-arrow-width-shadow: ($popover-arrow-width - 2);
     margin: $margin;
     padding: 0;
     border: 0;
-    z-index: 500;
+    z-index: $popover-zindex;
     max-width: 300px;
     visibility: hidden;
 

data/scss/toolkit/components/showcase.scss

@@ -14,7 +14,7 @@
     height: auto;
     margin: 0;
     padding: 0;
-    z-index: 610; // higher than blackout
+    z-index: $showcase-zindex;
     opacity: 0;
     visibility: hidden;
     -webkit-backface-visibility: hidden;

data/scss/toolkit/components/tooltip.scss

@@ -15,7 +15,7 @@ $tooltip-arrow-width-double: ($tooltip-arrow-width * 2);
     border: none;
     margin: $margin;
     padding: $small-padding;
-    z-index: 500;
+    z-index: $tooltip-zindex;
     max-width: 200px;
     visibility: hidden;
     background: #000;

data/scss/toolkit/components/type-ahead.scss

@@ -10,7 +10,7 @@
     position: absolute;
     top: 0;
     left: 0;
-    z-index: 500;
+    z-index: $typeAhead-zindex;
     opacity: 0;
     visibility: hidden;
     @include transition(opacity 0.3s);

data/version.md

@@ -1 +1 @@
-1.2.1
+1.2.2

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: titon-toolkit
 version: !ruby/object:Gem::Version
-  version: 1.2.1
+  version: 1.2.2
 platform: ruby
 authors:
 - Project Titon
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-17 00:00:00.000000000 Z
+date: 2014-03-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass