Commit 55a66e44 authored by Gijs Kruitbosch's avatar Gijs Kruitbosch
Browse files

Bug 1724962 - add focus styling option to UI Tour and use it for the session...

Bug 1724962 - add focus styling option to UI Tour and use it for the session restore infobar r=NeilDeakin

Depends on D126730

Differential Revision: https://phabricator.services.mozilla.com/D127197
parent b4549ea6
Loading
Loading
Loading
Loading
+9 −0
Original line number Diff line number Diff line
@@ -1350,6 +1350,15 @@ toolbarpaletteitem:not([place="palette"]) > #stop-reload-button {
  animation-duration: 2s;
}

/* This effectively simulates a focus outline. */
#UITourHighlight[active="focus-outline"] {
  background-color: transparent;
  border: 2px solid var(--focus-outline-color);
  border-radius: 4px;

  animation-name: none;
}

/* Combined context-menu items */
#context-navigation > .menuitem-iconic > .menu-iconic-text,
#context-navigation > .menuitem-iconic > .menu-accel-container {
+3 −1
Original line number Diff line number Diff line
@@ -4104,7 +4104,9 @@ BrowserGlue.prototype = {
        "l10n-id": "restore-session-startup-suggestion-button",
        callback: () => {
          UITour.getTarget(win, "history").then(historyMenu => {
            UITour.showHighlight(win, historyMenu, "color", { autohide: true });
            UITour.showHighlight(win, historyMenu, "focus-outline", {
              autohide: true,
            });
          });
        },
      },
+1 −1
Original line number Diff line number Diff line
@@ -109,7 +109,7 @@ var UITour = {

  _annotationPanelMutationObservers: new WeakMap(),

  highlightEffects: ["random", "wobble", "zoom", "color"],
  highlightEffects: ["random", "wobble", "zoom", "color", "focus-outline"],
  targets: new Map([
    [
      "accountStatus",