quasar 2.4.1 → 2.4.5

package/dist/quasar.css

@@ -1723,7 +1723,7 @@ body.q-ios-padding .q-dialog__inner > div {
   max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
 }
 
-@media (max-width: 599px) {
+@media (max-width: 599.98px) {
   .q-dialog__inner--top, .q-dialog__inner--bottom {
     padding-left: 0;
     padding-right: 0;
@@ -3093,12 +3093,12 @@ body:not(.q-body--layout-animate) .q-layout--prevent-focus {
   overflow-x: hidden !important;
 }
 
-@media (max-width: 599px) {
+@media (max-width: 599.98px) {
   .q-layout-padding {
     padding: 8px;
   }
 }
-@media (min-width: 600px) and (max-width: 1439px) {
+@media (min-width: 600px) and (max-width: 1439.98px) {
   .q-layout-padding {
     padding: 16px;
   }
@@ -3414,6 +3414,7 @@ body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.d
 
 .q-scrollarea {
   position: relative;
+  contain: strict;
 }
 .q-scrollarea__bar, .q-scrollarea__thumb {
   opacity: 0.2;
@@ -3874,6 +3875,9 @@ body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--f
   color: var(--q-primary);
   transition: transform 0.18s ease-out, fill 0.18s ease-out, stroke 0.18s ease-out;
 }
+.q-slider__thumb.q-slider--focus {
+  opacity: 1 !important;
+}
 .q-slider__thumb--h {
   top: 50%;
   will-change: left;
@@ -4006,10 +4010,7 @@ body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--f
 .q-slider--no-value .q-slider__thumb,
 .q-slider--no-value .q-slider__inner,
 .q-slider--no-value .q-slider__selection {
-  visibility: hidden;
-}
-.q-slider--focus .q-slider__thumb {
-  transform: scale(1);
+  opacity: 0;
 }
 .q-slider--focus .q-slider__focus-ring, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__focus-ring {
   background: currentColor;
@@ -4021,7 +4022,7 @@ body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--f
 .q-slider--focus .q-slider__selection, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__thumb,
 body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__inner,
 body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__selection {
-  visibility: visible;
+  opacity: 1;
 }
 .q-slider--inactive .q-slider__thumb--h {
   transition: left 0.28s, right 0.28s;
@@ -5196,7 +5197,7 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
 .q-timeline__subtitle {
   font-size: 12px;
   margin-bottom: 8px;
-  opacity: 0.4;
+  opacity: 0.6;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 700;
@@ -5583,7 +5584,7 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
   overflow-x: hidden;
   padding: 6px 10px;
 }
-@media (max-width: 599px) {
+@media (max-width: 599.98px) {
   .q-tooltip {
     font-size: 14px;
     padding: 8px 16px;
@@ -11434,22 +11435,22 @@ body.platform-android .platform-android-hide {
     display: none !important;
   }
 }
-@media (max-width: 599px) {
+@media (max-width: 599.98px) {
   .xs-hide, .gt-xs, .sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
     display: none !important;
   }
 }
-@media (min-width: 600px) and (max-width: 1023px) {
+@media (min-width: 600px) and (max-width: 1023.98px) {
   .sm-hide, .xs, .lt-sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
     display: none !important;
   }
 }
-@media (min-width: 1024px) and (max-width: 1439px) {
+@media (min-width: 1024px) and (max-width: 1439.98px) {
   .md-hide, .xs, .lt-sm, .sm, .lt-md, .gt-md, .lg, .gt-lg, .xl {
     display: none !important;
   }
 }
-@media (min-width: 1440px) and (max-width: 1919px) {
+@media (min-width: 1440px) and (max-width: 1919.98px) {
   .lg-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .gt-lg, .xl {
     display: none !important;
   }