quasar 2.2.1 → 2.3.0

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.2.1
+ * Quasar Framework v2.3.0
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -641,8 +641,6 @@ progress
   vertical-align: baseline
 textarea
   overflow: auto
-input[type='search']
-  -webkit-appearance: textfield
 input[type='search']::-webkit-search-cancel-button,
 input[type='search']::-webkit-search-decoration
   -webkit-appearance: none
@@ -2995,6 +2993,7 @@ body.platform-ios
     
     position: unset !important
 .q-linear-progress
+  --q-linear-progress-speed: .3s
   position: relative
   width: 100%
   overflow: hidden
@@ -3004,7 +3003,7 @@ body.platform-ios
   &__model, &__track
     transform-origin: 0 0
     &--with-transition
-      transition: transform .3s
+      transition: transform var(--q-linear-progress-speed)
   &--reverse
     .q-linear-progress
       &__model, &__track
@@ -4832,7 +4831,7 @@ body.desktop
     position: absolute
     top: -3px
     bottom: 50%
-    width: 35px
+    width: 31px
     left: -35px
     border-left: 1px solid currentColor
     border-bottom: 1px solid currentColor
@@ -4869,21 +4868,27 @@ body.desktop
     transition: color .3s
   &__node--selected .q-tree__node-header-content
     color: $grey
-  &__icon, &__node-header-content .q-icon, &__spinner
+  &__icon,
+  &__node-header-content .q-icon
     font-size: 21px
   &__img
     height: 42px
+    border-radius: 2px
   &__avatar, &__node-header-content .q-avatar
     font-size: 28px
     border-radius: 50%
     width: 28px
     height: 28px
-  &__arrow, &__spinner
+  &__arrow,
+  &__spinner
     font-size: 16px
   &__arrow
     transition: transform .3s
+    margin-right: 4px
     &--rotate
       transform: rotate3d(0, 0, 1, 90deg)
+  &__tickbox
+    margin-right: 4px
   
   > .q-tree__node
     padding: 0
@@ -4899,6 +4904,39 @@ body.desktop
     .q-tree__node-header:before,
     .q-tree__node-body:after
       display: none !important
+  &--dense .q-tree
+    &__arrow,
+    &__spinner
+      margin-right: 1px
+    &__img
+      height: 32px
+    &__tickbox
+      margin-right: 3px
+    &__node
+      padding: 0
+      &:after
+        top: 0
+        left: -8px
+    &__node-header
+      margin-top: 0
+      padding: 1px
+      &:before
+        top: 0
+        left: -8px
+        width: 8px
+    &__node--child
+      padding-left: 17px
+      > .q-tree__node-header:before
+        left: -25px
+        width: 21px
+    &__node-body
+      padding: 0 0 2px
+    &__node--parent > .q-tree__node-collapsible > .q-tree__node-body
+      padding: 0 0 2px 20px
+      &:after
+        left: 8px
+    &__children
+      padding-left: 16px
 [dir=rtl]
   .q-tree__arrow
     transform: rotate3d(0, 0, 1, 180deg) #{"/* rtl:ignore */"}