@finqu/cool 1.2.15 → 1.2.16

package/dist/js/cool.bundle.js

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

package/dist/js/cool.esm.js

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

package/dist/js/cool.js

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

package/html/index.html

@@ -108,6 +108,12 @@
 
 	                        </a>
 
+	                        <span class="nav-additional-action">
+
+								<i class="fas fa-plus icon"></i>
+
+	                        </span>
+
 		                </li>
 
 		                <li class="nav-parent">
@@ -120,6 +126,10 @@
 	                            	Buttons
 	                            </span>
 
+	                            <span data-collapse-indicator class="show">
+	                            	<i class="fas fa-angle-down icon"></i>
+	                            </span>
+
 	                        </a>
 
 		                </li>

package/js/dist/collapse.js

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

package/js/dist/common.js

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

package/js/dist/dropdown.js

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

package/js/dist/popover.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI popover.js v1.2.14 (https://finqu.fi)
+  * Cool UI popover.js v1.2.15 (https://finqu.fi)
   * Copyright 2011-2020 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.14 (https://finqu.fi)
+  * Cool UI sectiontabs.js v1.2.15 (https://finqu.fi)
   * Copyright 2011-2020 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.14 (https://finqu.fi)
+  * Cool UI select.js v1.2.15 (https://finqu.fi)
   * Copyright 2011-2020 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.14 (https://finqu.fi)
+  * Cool UI tooltip.js v1.2.15 (https://finqu.fi)
   * Copyright 2011-2020 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/package.json

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

package/scss/_frame.scss

@@ -224,6 +224,11 @@
 					background-color: rgba(0,0,0,0.8);
 				}
 
+				.collapse,
+				.collapsing {
+					width: 100%;
+				}
+
 				.nav {
 					position: relative;
 					margin: 0;
@@ -231,36 +236,24 @@
 					list-style: none;
 
 					li {
-						display: block;
+						display: flex;
+						align-items: center;
+						flex-wrap: wrap;
 						position: relative;
 
-						&.has-additional-link {
-							> a:not(.additional-link) {
-								width: calc(100% - 60px);
-							}
-
-							.additional-link {
-								position: relative;
-								width: 16px;
-								height: 25px;
-								box-sizing: content-box;
-								vertical-align: top;
-
-								&:hover {
-									.icon {
-										color: $frame-sidebar-nav-icon-hover-color;
-									}
-								}
+						.nav-additional-action {
+							padding: 8px 19px;
+							flex: 0 auto;
 
+							&:hover {
 								.icon {
-									display: flex;
-								    align-items: center;
-								    justify-content: flex-end;
-								    height: 100%;
-								    margin-left: 6px;
-								    color: $frame-sidebar-nav-icon-color;
+									color: $frame-sidebar-nav-icon-hover-color;
 								}
 							}
+
+							.icon {
+							    color: $frame-sidebar-nav-icon-color;
+							}
 						}
 
 						&.nav-parent {
@@ -331,9 +324,7 @@
 						.nav-item {
 							position: relative;
 							display: inline-flex;
-							flex-basis: auto;
-							flex-grow: 1;
-							width: 100%;
+							flex: 1 0;
 							cursor: pointer;
 						    padding: 8px 20px;
 						    margin: 0;
@@ -369,13 +360,13 @@
 						li {
 
 							&.divider {
-								margin-left: 67px;
+								margin-left: 65px;
 								margin-right: 20px;
 								border-bottom: 1px solid $frame-sidebar-nav-item-border-color;
 							}
 
 							> .nav-item {
-								padding-left: 67px;
+								padding-left: 65px;
 							}
 						}
 					}