quasar 2.2.3 → 2.3.2

package/dist/quasar.rtl.css

@@ -3940,6 +3940,7 @@ body.platform-ios .q-layout--containerized {
 }
 
 .q-linear-progress {
+  --q-linear-progress-speed: .3s;
   position: relative;
   width: 100%;
   overflow: hidden;
@@ -3956,7 +3957,7 @@ body.platform-ios .q-layout--containerized {
   transform-origin: 100% 0;
 }
 .q-linear-progress__model--with-transition, .q-linear-progress__track--with-transition {
-  transition: transform 0.3s;
+  transition: transform var(--q-linear-progress-speed);
 }
 
 [dir="ltr"] .q-linear-progress--reverse .q-linear-progress__model, [dir="ltr"] .q-linear-progress--reverse .q-linear-progress__track {
@@ -7080,7 +7081,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;
 }
 
@@ -7174,11 +7175,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;
@@ -7189,10 +7191,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);
 }
@@ -7200,6 +7211,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;
 }
@@ -7223,6 +7242,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 */;
 }
@@ -13071,6 +13188,10 @@ img.responsive {
   touch-action: pan-y;
 }
 
+:root {
+  --q-transition-duration: .3s;
+}
+
 .q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active, .q-transition--fade-enter-active, .q-transition--fade-leave-active, .q-transition--scale-enter-active, .q-transition--scale-leave-active, .q-transition--rotate-enter-active, .q-transition--rotate-leave-active, .q-transition--flip-enter-active, .q-transition--flip-leave-active {
   --q-transition-duration: .3s;
   --q-transition-easing: cubic-bezier(0.215,0.61,0.355,1);