[NTP] Fix extra focus ring when using mouse.

This was caused by https://crrev.com/c/1805253.

Bug: 1004696
Change-Id: I848d28e0ddb4f6ea1ab1cd7eb9df554832f3479e
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1809401
Commit-Queue: Kyle Milka <kmilka@chromium.org>
Reviewed-by: Kristi Park <kristipark@chromium.org>
Cr-Commit-Position: refs/heads/master@{#697405}

chrome/browser/resources/local_ntp/customize.js

@@ -1520,7 +1520,6 @@ customize.richerPicker_applyCustomization = function() {
 customize.init = function(showErrorNotification, hideCustomLinkNotification) {
   ntpApiHandle = window.chrome.embeddedSearch.newTabPage;
   const editDialog = $(customize.IDS.EDIT_BG_DIALOG);
-  const menu = $(customize.IDS.MENU);
 
   $(customize.IDS.OPTIONS_TITLE).textContent =
       configData.translatedStrings.customizeThisPage;
@@ -1555,6 +1554,8 @@ customize.init = function(showErrorNotification, hideCustomLinkNotification) {
     }
   };
   $(customize.IDS.EDIT_BG).onclick = function(event) {
+    $(customize.IDS.CUSTOMIZATION_MENU)
+        .classList.add(customize.CLASSES.MOUSE_NAV);
     editDialog.classList.add(customize.CLASSES.MOUSE_NAV);
     editBackgroundInteraction();
   };

chrome/browser/resources/local_ntp/local_ntp.css

@@ -1091,6 +1091,7 @@ html[dir=rtl] .menu-option {
   }
 }
 
+#customization-menu.using-mouse-nav,
 .using-mouse-nav .bg-sel-tile:focus {
   outline: none;
 }