quasar 2.2.1 → 2.3.0

package/dist/quasar.css

@@ -156,12 +156,6 @@ textarea {
   overflow: auto;
 }
 
-/* * Correct the odd appearance of search inputs in Chrome and Safari.
- * */
-input[type=search] {
-  -webkit-appearance: textfield;
-}
-
 /* * Remove the inner padding and cancel buttons in Chrome on OS X and
  * * Safari on OS X.
  * */
@@ -3130,6 +3124,7 @@ body.platform-ios .q-layout--containerized {
 }
 
 .q-linear-progress {
+  --q-linear-progress-speed: .3s;
   position: relative;
   width: 100%;
   overflow: hidden;
@@ -3141,7 +3136,7 @@ body.platform-ios .q-layout--containerized {
   transform-origin: 0 0;
 }
 .q-linear-progress__model--with-transition, .q-linear-progress__track--with-transition {
-  transition: transform 0.3s;
+  transition: transform var(--q-linear-progress-speed);
 }
 .q-linear-progress--reverse .q-linear-progress__model, .q-linear-progress--reverse .q-linear-progress__track {
   transform-origin: 0 100%;
@@ -5572,7 +5567,7 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
   position: absolute;
   top: -3px;
   bottom: 50%;
-  width: 35px;
+  width: 31px;
   left: -35px;
   border-left: 1px solid currentColor;
   border-bottom: 1px solid currentColor;
@@ -5620,11 +5615,12 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
 .q-tree__node--selected .q-tree__node-header-content {
   color: #9e9e9e;
 }
-.q-tree__icon, .q-tree__node-header-content .q-icon, .q-tree__spinner {
+.q-tree__icon, .q-tree__node-header-content .q-icon {
   font-size: 21px;
 }
 .q-tree__img {
   height: 42px;
+  border-radius: 2px;
 }
 .q-tree__avatar, .q-tree__node-header-content .q-avatar {
   font-size: 28px;
@@ -5637,10 +5633,14 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
 }
 .q-tree__arrow {
   transition: transform 0.3s;
+  margin-right: 4px;
 }
 .q-tree__arrow--rotate {
   transform: rotate3d(0, 0, 1, 90deg);
 }
+.q-tree__tickbox {
+  margin-right: 4px;
+}
 .q-tree > .q-tree__node {
   padding: 0;
 }
@@ -5658,6 +5658,50 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
 .q-tree--no-connectors .q-tree__node-body:after {
   display: none !important;
 }
+.q-tree--dense .q-tree__arrow, .q-tree--dense .q-tree__spinner {
+  margin-right: 1px;
+}
+.q-tree--dense .q-tree__img {
+  height: 32px;
+}
+.q-tree--dense .q-tree__tickbox {
+  margin-right: 3px;
+}
+.q-tree--dense .q-tree__node {
+  padding: 0;
+}
+.q-tree--dense .q-tree__node:after {
+  top: 0;
+  left: -8px;
+}
+.q-tree--dense .q-tree__node-header {
+  margin-top: 0;
+  padding: 1px;
+}
+.q-tree--dense .q-tree__node-header:before {
+  top: 0;
+  left: -8px;
+  width: 8px;
+}
+.q-tree--dense .q-tree__node--child {
+  padding-left: 17px;
+}
+.q-tree--dense .q-tree__node--child > .q-tree__node-header:before {
+  left: -25px;
+  width: 21px;
+}
+.q-tree--dense .q-tree__node-body {
+  padding: 0 0 2px;
+}
+.q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
+  padding: 0 0 2px 20px;
+}
+.q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
+  left: 8px;
+}
+.q-tree--dense .q-tree__children {
+  padding-left: 16px;
+}
 
 [dir=rtl] .q-tree__arrow {
   transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;