Disable hand pointer on hovering disabled toggle

The 'actionable' attribute was added to 'property-box' in
network_config_toggle.html. This caused a pointer cursor to
be displayed when the element was disabled.

This change removes the 'actionable' property and adds css to change
the cursor to initial if the element is disabled and pointer
if it is enabled.

Bug: 1114668
Change-Id: If09818400ae37b3f3c21f15b161d37940ae4ed62
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2347196Reviewed-by: Kyle Horimoto <khorimoto@chromium.org>
Commit-Queue: Claude van der Merwe <cvandermerwe@google.com>
Cr-Commit-Position: refs/heads/master@{#797425}

ui/webui/resources/cr_components/chromeos/network/network_config_toggle.html

@@ -10,6 +10,12 @@
 <dom-module id="network-config-toggle">
   <template>
     <style include="network-shared">
+      :host {
+        cursor: pointer;
+      }
+      :host([disabled]) {
+        cursor: initial;
+      }
       cr-policy-network-indicator-mojo {
         --cr-tooltip-icon-margin-start: var(--cr-controlled-by-spacing);
       }
@@ -21,7 +27,7 @@
       }
     </style>
 
-    <div class="property-box" actionable>
+    <div class="property-box">
       <div class="start">
         <div aria-hidden="true">[[label]]</div>
         <div id="sub-label" class="cr-secondary-text" aria-hidden="true">