Release 1.4.1

CHANGELOG.md

@@ -1,3 +1,20 @@
+### 1.4.1 (2017-03-08)
+
+#### Bug Fixes
+
+* Fix flat buttons [#208](https://github.com/quark-dev/Phonon-Framework/issues/208)
+* Fix bug where changePage does not deal with numbers as parameters [#214](https://github.com/quark-dev/Phonon-Framework/issues/214)
+* Fix bug when closing an active popover closes the active panel [#206](https://github.com/quark-dev/Phonon-Framework/issues/206)
+* Fix `tap` event on Windows with Chrome [#121](https://github.com/quark-dev/Phonon-Framework/issues/121) and [#184](https://github.com/quark-dev/Phonon-Framework/issues/184)
+
+#### Features
+
+* Password type for dialogs added [#221](https://github.com/quark-dev/Phonon-Framework/pull/221)
+* DOM auto-generated element is now available with phonon.notif([...]) [#220](https://github.com/quark-dev/Phonon-Framework/pull/220)
+* For `tap` event, force click event if touch event is not supported by the browser
+* Improved Autocomplete component
+* Full [documentation for autocomplete](http://phonon.quarkdev.com/docs/autocomplete)
+
 ### 1.4.0 (2017-02-02)
 
 #### Features

dist/css/components/autocomplete.css

@@ -1,56 +1,38 @@
-[hidden] {
+.awesomplete [hidden] {
   display: none;
 }
-.visually-hidden {
+.awesomplete .visually-hidden {
   position: absolute;
   clip: rect(0, 0, 0, 0);
 }
-div.awesomplete {
-  position: relative;
-}
-div.awesomplete > input {
-  display: block;
-}
-div.awesomplete > ul {
+.awesomplete > ul {
   position: absolute;
-  left: 0;
   z-index: 1;
-  margin-top: 60px;
-  -webkit-transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
-  transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
-  -webkit-transform-origin: 1.43em -0.43em;
-      -ms-transform-origin: 1.43em -0.43em;
-          transform-origin: 1.43em -0.43em;
+  box-sizing: border-box;
+  list-style: none;
+  padding: 0;
+  margin: 0 auto;
+  background: #fff;
+  border-radius: 2px;
+  margin: 0.2em 0 0;
+  border: 1px solid rgba(0,0,0,0.15);
+}
+.awesomplete > ul:empty {
+  display: none;
 }
-div box-shadow none border-radius none > li {
+.awesomplete > ul > li {
   position: relative;
-  padding: 0.2em 0.5em;
+  height: list-simple-item-height;
+  line-height: list-simple-item-height;
+  padding: 0 list-cell-content-padding;
+  vertical-align: middle;
   cursor: pointer;
 }
-div box-shadow none border-radius none > li:hover,
-div box-shadow none border-radius none > li:active {
-  background-color: #eee;
-}
-div box-shadow none border-radius none > li[aria-selected="true"] {
-  background-color: #ddd;
+.awesomplete mark {
+  background-color: #fff9c4;
 }
-div box-shadow none mark {
-  background: #eaff00;
-}
-div box-shadow none li:hover mark,
-div box-shadow none li:active mark {
-  background-color: #eee;
-}
-div box-shadow none li[aria-selected="true"] mark {
-  background-color: #ddd;
-  color: inherit;
-}
-.header-bar div.awesomplete ul {
-  margin: 60px 20px;
-}
-div.awesomplete > ul[hidden],
-div.awesomplete > ul:empty {
-  display: none;
+.awesomplete > ul[hidden],
+.awesomplete > ul:empty {
   opacity: 0;
   -webkit-transform: scale(0);
       -ms-transform: scale(0);

dist/css/components/preloaders.css

@@ -17,6 +17,12 @@
   background-color: #fff;
   border-radius: 50%;
 }
+.circle-progress.center {
+  top: 50%;
+  left: 50%;
+  margin-top: -18px;
+  position: absolute;
+}
 .circle-progress.active {
   opacity: 1;
 }

dist/css/phonon-base.css

@@ -360,18 +360,21 @@ button {
 }
 .primary.btn-flat {
   color: #0084e7 !important;
+  background-color: transparent !important;
 }
 .positive {
   background-color: #0ae700 !important;
 }
 .positive.btn-flat {
   color: #0ae700 !important;
+  background-color: transparent !important;
 }
 .negative {
   background-color: #f40b00 !important;
 }
 .negative.btn-flat {
   color: #f40b00 !important;
+  background-color: transparent !important;
 }
 .light-primary {
   background-color: #b9d3e7 !important;