quasar 2.4.12 → 2.5.2

package/dist/quasar.rtl.css

@@ -1267,27 +1267,35 @@ input[type=search]::-webkit-search-decoration {
 .q-checkbox {
   vertical-align: middle;
 }
+.q-checkbox__native {
+  width: 1px;
+  height: 1px;
+}
 
-.q-checkbox__bg {
+.q-checkbox__bg, .q-checkbox__icon-container {
   top: 25%;
   width: 50%;
   height: 50%;
-  border: 2px solid currentColor;
-  border-radius: 2px;
-  transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
-  -webkit-print-color-adjust: exact;
+  -webkit-user-select: none;
+          user-select: none;
 }
 
-[dir="ltr"] .q-checkbox__bg {
+[dir="ltr"] .q-checkbox__bg, [dir="ltr"] .q-checkbox__icon-container {
   left: 25%;
 }
 
-[dir="rtl"] .q-checkbox__bg {
+[dir="rtl"] .q-checkbox__bg, [dir="rtl"] .q-checkbox__icon-container {
   right: 25%;
 }
-.q-checkbox__native {
-  width: 1px;
-  height: 1px;
+.q-checkbox__bg {
+  border: 2px solid currentColor;
+  border-radius: 2px;
+  transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
+  -webkit-print-color-adjust: exact;
+}
+.q-checkbox__icon {
+  color: currentColor;
+  font-size: 0.6em;
 }
 .q-checkbox__svg {
   color: #fff;
@@ -1346,23 +1354,29 @@ input[type=search]::-webkit-search-decoration {
 .q-checkbox--dark .q-checkbox__inner--truthy, .q-checkbox--dark .q-checkbox__inner--indet {
   color: var(--q-primary);
 }
+.q-checkbox--dense .q-checkbox__icon {
+  font-size: 0.6em;
+}
 .q-checkbox--dense .q-checkbox__inner {
   width: 0.5em;
   min-width: 0.5em;
   height: 0.5em;
 }
 
-.q-checkbox--dense .q-checkbox__bg {
+.q-checkbox--dense .q-checkbox__bg,
+.q-checkbox--dense .q-checkbox__icon-container {
   top: 5%;
   width: 90%;
   height: 90%;
 }
 
-[dir="ltr"] .q-checkbox--dense .q-checkbox__bg {
+[dir="ltr"] .q-checkbox--dense .q-checkbox__bg,
+[dir="ltr"] .q-checkbox--dense .q-checkbox__icon-container {
   left: 5%;
 }
 
-[dir="rtl"] .q-checkbox--dense .q-checkbox__bg {
+[dir="rtl"] .q-checkbox--dense .q-checkbox__bg,
+[dir="rtl"] .q-checkbox--dense .q-checkbox__icon-container {
   right: 5%;
 }
 
@@ -2829,6 +2843,8 @@ body.q-ios-padding .q-dialog__inner > div {
   line-height: 1;
   color: rgba(0, 0, 0, 0.54);
   padding: 8px 12px 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 .q-field__bottom--animated {
   transform: translateY(100%);
@@ -2993,6 +3009,8 @@ body.q-ios-padding .q-dialog__inner > div {
   text-decoration: inherit;
   text-transform: inherit;
   transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.324s cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 
 [dir="ltr"] .q-field__label {
@@ -4128,27 +4146,35 @@ body.platform-ios .q-layout--containerized {
 .q-radio {
   vertical-align: middle;
 }
+.q-radio__native {
+  width: 1px;
+  height: 1px;
+}
 
-.q-radio__bg {
+.q-radio__bg, .q-radio__icon-container {
   top: 25%;
   width: 50%;
   height: 50%;
-  -webkit-print-color-adjust: exact;
+  -webkit-user-select: none;
+          user-select: none;
 }
 
-[dir="ltr"] .q-radio__bg {
+[dir="ltr"] .q-radio__bg, [dir="ltr"] .q-radio__icon-container {
   left: 25%;
 }
 
-[dir="rtl"] .q-radio__bg {
+[dir="rtl"] .q-radio__bg, [dir="rtl"] .q-radio__icon-container {
   right: 25%;
 }
+.q-radio__bg {
+  -webkit-print-color-adjust: exact;
+}
 .q-radio__bg path {
   fill: currentColor;
 }
-.q-radio__native {
-  width: 1px;
-  height: 1px;
+.q-radio__icon {
+  color: currentColor;
+  font-size: 0.6em;
 }
 .q-radio__check {
   transform-origin: 50% 50%;
@@ -4182,23 +4208,29 @@ body.platform-ios .q-layout--containerized {
 .q-radio--dark .q-radio__inner--truthy {
   color: var(--q-primary);
 }
+.q-radio--dense .q-checkbox__icon {
+  font-size: 0.6em;
+}
 .q-radio--dense .q-radio__inner {
   width: 0.5em;
   min-width: 0.5em;
   height: 0.5em;
 }
 
-.q-radio--dense .q-radio__bg {
+.q-radio--dense .q-radio__bg,
+.q-radio--dense .q-radio__icon-container {
   top: 0;
   width: 100%;
   height: 100%;
 }
 
-[dir="ltr"] .q-radio--dense .q-radio__bg {
+[dir="ltr"] .q-radio--dense .q-radio__bg,
+[dir="ltr"] .q-radio--dense .q-radio__icon-container {
   left: 0;
 }
 
-[dir="rtl"] .q-radio--dense .q-radio__bg {
+[dir="rtl"] .q-radio--dense .q-radio__bg,
+[dir="rtl"] .q-radio--dense .q-radio__icon-container {
   right: 0;
 }