Merge pull request #4077 from crazyserver/MOBILE-4470

Mobile 4470

src/theme/components/ion-checkbox.scss

@@ -27,6 +27,10 @@ ion-checkbox {
         &.ios {
             opacity: var(--mdl-input-disabled-opacity);
         }
+
+        &::part(container) {
+            opacity: var(--mdl-input-disabled-opacity);
+        }
     }
 }
 

src/theme/components/ion-item.scss

@@ -103,6 +103,13 @@ div.fake-ion-item {
     }
 }
 
+ion-item.item,
+ion-item-divider.item {
+    > ion-label p {
+        --color: var(--subdued-text-color);
+    }
+}
+
 // Item Headings.
 // Some styles taken from ion-label
 ion-item.item > ion-label,
@@ -111,7 +118,6 @@ ion-item .in-item {
     font-size: var(--text-size);
 
     p {
-        --color: var(--subdued-text-color);
         color: var(--color);
         @include margin(2px, 0);
     }

src/theme/components/ion-radio.scss

@@ -68,6 +68,10 @@ ion-radio {
         &.ios {
             opacity: var(--mdl-input-disabled-opacity);
         }
+
+        &::part(container) {
+            opacity: var(--mdl-input-disabled-opacity);
+        }
     }
 }
 

src/theme/components/ion-select.scss

@@ -6,6 +6,9 @@ ion-select {
     &::part(icon) {
         opacity: 1;
     }
+    [slot=label] {
+        white-space: normal;
+    }
     &.select-disabled {
         opacity: var(--mdl-input-disabled-opacity);
     }

src/theme/components/ion-spinner.scss

@@ -1,4 +1,7 @@
-ion-spinner,
-ion-refresher {
+ion-spinner {
     --color: var(--core-loading-spinner);
 }
+
+ion-refresher {
+    --ion-color-primary: var(--core-loading-spinner);
+}