MD Settings: Remove double highlight from paper-checkbox in language menu.

chrome/browser/resources/settings/languages_page/languages_page.html

 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_lazy_render/cr_lazy_render.html">
@@ skipping 41 matching lines @@
         border: none;
         /* TODO(michaelpg): Update to whatever variable is used for the darker,
          * full-width separators: crbug.com/649547. */
         border-top: var(--settings-separator-line);
         margin: 6px 0 0 0;
       }
 
       paper-checkbox.dropdown-item {
         --checkbox-margin-start: 0;
       }
+
+      #uiLanguageItem:focus,
+      #offerTranslations:focus {

[dpapad, 2016/11/10 19:38:37]

Need to use id to override the specificity of
https://cs.chromium.org/chromium/src/ui/webui/resources/cr_elements/cr_action....
I am not putting a paper-checkbox CSS rule inside cr_action_menu.html, since I
think this menu is the only one using a checkbox.

[Dan Beam, 2016/11/10 20:28:47]

Acknowledged.

+        background-color: transparent;
+      }
     </style>
     <settings-languages languages="{{languages}}" prefs="{{prefs}}"
         language-helper="{{languageHelper}}">
     </settings-languages>
     <settings-animated-pages id="pages" section="languages">
       <neon-animatable route-path="default">
         <div class="settings-box first two-line">
           <div class="start">
             <div>$i18n{languagesListTitle}</div>
             <div class="secondary">
@@ skipping 127 matching lines @@
             <paper-checkbox id="uiLanguageItem" class="dropdown-item"
                 checked="[[isProspectiveUILanguage_(
                     detailLanguage_.language.code,
                     prefs.intl.app_locale.value)]]"
                 on-change="onUILanguageChange_"
                 disabled="[[disableUILanguageCheckbox_(
                     detailLanguage_, prefs.intl.app_locale.value)]]">
                 $i18n{displayInThisLanguage}
             </paper-checkbox>
 </if>
-            <paper-checkbox class="dropdown-item"
+            <paper-checkbox id="offerTranslations" class="dropdown-item"
                 checked="[[detailLanguage_.translateEnabled]]"
                 on-change="onTranslateCheckboxChange_"
                 hidden="[[!prefs.translate.enabled.value]]"
                 disabled="[[disableTranslateCheckbox_(
                     detailLanguage_.language, languages.translateTarget)]]">
               $i18n{offerToTranslateInThisLanguage}
             </paper-checkbox>
             <hr>
             <button class="dropdown-item" role="menuitem"
                 on-tap="onMoveToTopTap_"
@@ skipping 43 matching lines @@
 </if>
     </settings-animated-pages>
     <template is="dom-if" if="[[showAddLanguagesDialog_]]" restamp>
       <settings-add-languages-dialog languages="{{languages}}"
           language-helper="[[languageHelper]]">
       </settings-add-languages-dialog>
     </template>
   </template>
   <script src="languages_page.js"></script>
 </dom-module>