quasar 2.2.0 → 2.2.4

package/dist/quasar.rtl.css

@@ -163,12 +163,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.
  * */
@@ -7086,7 +7080,7 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
   position: absolute;
   top: -3px;
   bottom: 50%;
-  width: 35px;
+  width: 31px;
   border-bottom: 1px solid currentColor;
 }
 
@@ -7180,11 +7174,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;
@@ -7195,10 +7190,19 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
 .q-tree__arrow, .q-tree__spinner {
   font-size: 16px;
 }
+
 .q-tree__arrow {
   transition: transform 0.3s;
 }
 
+[dir="ltr"] .q-tree__arrow {
+  margin-right: 4px;
+}
+
+[dir="rtl"] .q-tree__arrow {
+  margin-left: 4px;
+}
+
 [dir="ltr"] .q-tree__arrow--rotate {
   transform: rotate3d(0, 0, 1, 90deg);
 }
@@ -7206,6 +7210,14 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
 [dir="rtl"] .q-tree__arrow--rotate {
   transform: rotate3d(0, 0, 1, -90deg);
 }
+
+[dir="ltr"] .q-tree__tickbox {
+  margin-right: 4px;
+}
+
+[dir="rtl"] .q-tree__tickbox {
+  margin-left: 4px;
+}
 .q-tree > .q-tree__node {
   padding: 0;
 }
@@ -7229,6 +7241,104 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
   display: none !important;
 }
 
+[dir="ltr"] .q-tree--dense .q-tree__arrow, [dir="ltr"] .q-tree--dense .q-tree__spinner {
+  margin-right: 1px;
+}
+
+[dir="rtl"] .q-tree--dense .q-tree__arrow, [dir="rtl"] .q-tree--dense .q-tree__spinner {
+  margin-left: 1px;
+}
+.q-tree--dense .q-tree__img {
+  height: 32px;
+}
+
+[dir="ltr"] .q-tree--dense .q-tree__tickbox {
+  margin-right: 3px;
+}
+
+[dir="rtl"] .q-tree--dense .q-tree__tickbox {
+  margin-left: 3px;
+}
+.q-tree--dense .q-tree__node {
+  padding: 0;
+}
+
+.q-tree--dense .q-tree__node:after {
+  top: 0;
+}
+
+[dir="ltr"] .q-tree--dense .q-tree__node:after {
+  left: -8px;
+}
+
+[dir="rtl"] .q-tree--dense .q-tree__node:after {
+  right: -8px;
+}
+.q-tree--dense .q-tree__node-header {
+  margin-top: 0;
+  padding: 1px;
+}
+
+.q-tree--dense .q-tree__node-header:before {
+  top: 0;
+  width: 8px;
+}
+
+[dir="ltr"] .q-tree--dense .q-tree__node-header:before {
+  left: -8px;
+}
+
+[dir="rtl"] .q-tree--dense .q-tree__node-header:before {
+  right: -8px;
+}
+
+[dir="ltr"] .q-tree--dense .q-tree__node--child {
+  padding-left: 17px;
+}
+
+[dir="rtl"] .q-tree--dense .q-tree__node--child {
+  padding-right: 17px;
+}
+
+.q-tree--dense .q-tree__node--child > .q-tree__node-header:before {
+  width: 21px;
+}
+
+[dir="ltr"] .q-tree--dense .q-tree__node--child > .q-tree__node-header:before {
+  left: -25px;
+}
+
+[dir="rtl"] .q-tree--dense .q-tree__node--child > .q-tree__node-header:before {
+  right: -25px;
+}
+.q-tree--dense .q-tree__node-body {
+  padding: 0 0 2px;
+}
+
+[dir="ltr"] .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
+  padding: 0 0 2px 20px;
+}
+
+[dir="rtl"] .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
+  padding: 0 20px 2px 0;
+}
+
+[dir="ltr"] .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
+  left: 8px;
+}
+
+[dir="rtl"] .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
+  right: 8px;
+}
+
+[dir="ltr"] .q-tree--dense .q-tree__children {
+  padding-left: 16px;
+}
+
+[dir="rtl"] .q-tree--dense .q-tree__children {
+  padding-right: 16px;
+}
+
 [dir=rtl] .q-tree__arrow {
   transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
 }