@finqu/cool 1.2.4 → 1.2.5

package/js/dist/popover.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI popover.js v1.2.3 (https://finqu.fi)
+  * Cool UI popover.js v1.2.4 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/dist/sectiontabs.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI sectiontabs.js v1.2.3 (https://finqu.fi)
+  * Cool UI sectiontabs.js v1.2.4 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/dist/select.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI select.js v1.2.3 (https://finqu.fi)
+  * Cool UI select.js v1.2.4 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/dist/tooltip.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI tooltip.js v1.2.3 (https://finqu.fi)
+  * Cool UI tooltip.js v1.2.4 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/src/dropdown.js

@@ -294,21 +294,24 @@ class Dropdown extends AbstractUIComponent {
             dropdownPosY += parseInt(offsetY, 10);
         }
 
-        if (this.positionObserver) {
+        if (this.positionObserver && this.$container.length > 0) {
 
             // this is not set during init so we have to fetch it
             // and let's assume that this containing parent fits and is inside
             // viewport
-            let $containingParent = null;
+            let $containingParent = this.$container.parent();
 
-            do {
-                $containingParent = $containingParent ? $containingParent.parent() : this.$container.parent();
+            while (
+                $containingParent.css('overflow-x') !== 'hidden' && 
+                $containingParent.css('overflow') !== 'hidden' &&
+                ($containingParent.prop('tagName') || '').toLowerCase() !== 'body'
+            ) {
+                $containingParent = $containingParent.parent();
 
                 if (!$containingParent) {
-                    $containingParent = $('body');
-                    break;
+                    return;
                 }
-            } while ($containingParent.css('overflow-x') !== 'hidden' && $containingParent.css('overflow') !== 'hidden' && ($containingParent.prop('tagName') ? $containingParent.prop('tagName').toLowerCase() !== 'body' : false));
+            }
 
             const containingBoundingRect = $containingParent.get(0).getBoundingClientRect();
             const containerBoundingRect = this.$container.get(0).getBoundingClientRect();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finqu/cool",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "Finqu UI package",
   "main": "index.js",
   "scripts": {

package/scss/_section.scss

@@ -710,6 +710,38 @@
                 }
             }
 
+            .collapsing {
+                left: auto;
+                right: auto;
+            }
+
+            .collapse,
+            .collapsing {
+
+                > .section-hr {
+                    width: 100%;
+                    padding-top: 0;
+                    padding-bottom: $section-padding;
+
+                    &:after {
+                        margin-left: 0;
+                        margin-right: 0;
+                    }
+
+                    &.content-full-width {
+                        position: relative;
+                        margin-left: 0;
+                        margin-right: 0;
+
+                        &:after {
+                            position: absolute;
+                            left: -$section-padding;
+                            right: -$section-padding;
+                        }
+                    }
+                }
+            }
+
             &:not(.show) {
                 margin-top: 0;
                 padding-top: 0;

package/scss/_variables.scss

@@ -629,7 +629,7 @@ $section-font-size:                          $font-size-base !default;
 $section-border-radius:                      $border-radius !default;
 $section-spacer:                             spacer(4) !default;
 $section-spacer-mobile:                      spacer(2) !default;
-$section-padding:                            spacer(3) !default;
+$section-padding:                            spacer(4) !default;
 
 $section-bg:                                 color('white') !default;
 $section-color:                              $body-color !default;

package/scss/cool-grid.scss

@@ -1,5 +1,5 @@
 /*!
- * Cool UI - Grid v1.2.4 (https://finqu.fi)
+ * Cool UI - Grid v1.2.5 (https://finqu.fi)
  * Copyright 2019 Finqu Oy.
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
  * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

package/scss/cool-reboot.scss

@@ -1,5 +1,5 @@
 /*!
- * Cool UI - Reboot v1.2.4 (https://finqu.fi)
+ * Cool UI - Reboot v1.2.5 (https://finqu.fi)
  * Copyright 2019 Finqu Oy.
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
  * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

package/scss/cool.scss

@@ -1,5 +1,5 @@
 /*!
- * Cool UI v1.2.4 (https://finqu.fi)
+ * Cool UI v1.2.5 (https://finqu.fi)
  * Copyright 2019 Finqu Oy.
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
  * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)