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

browser/base/content/browser.css

+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 {

browser/components/BrowserGlue.jsm

+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,

            });

          });

        },

      },

browser/components/uitour/UITour.jsm

+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",