Disable ripple effect for cr-card-radio-button

cr-card-radio-button does not properly implement the paper-ripple effect
and as a result the paper-ripple effect is at the root of the document.
This results in a ripple effect to appear in the top left of the page.
More details in the attached bug.

Bug: 1150617
Fixed: 1148515
Change-Id: I60363c440f792d24f4b7e5957e89f156906164ee
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2548366Reviewed-by: Kyle Horimoto <khorimoto@chromium.org>
Commit-Queue: Jimmy Gong <jimmyxgong@chromium.org>
Cr-Commit-Position: refs/heads/master@{#829856}

ui/webui/resources/cr_elements/cr_radio_button/cr_card_radio_button.html

@@ -18,6 +18,13 @@
         width: var(--cr-card-radio-button-width, 200px);
       }
 
+      /* TODO(crbug/1148515): Reenable the ripple effect after fixing
+       * paper-ripple to accomodate for cr-card-radio-button.
+       */
+      paper-ripple {
+        --paper-ripple-opacity: 0;
+      }
+
       :host([checked]) {
         border-color: var(--cr-checked-color);
       }