Verified Commit 4525f10c authored by henry's avatar henry Committed by Pier Angelo Vendrame
Browse files

fixup! Bug 7494: Create local home page for TBB. 

Bug 42802: Use :has selector to move the focus-visible styling for the
search-input to its parent.

No longer need to monitor the focus-visible condition using javascript.
parent 837a9d0e

browser/components/abouttor/content/aboutTor.css

+3 −3
Original line number Diff line number Diff line
@@ -122,7 +122,7 @@ body:not(.show-tor-check) #tor-check { 
  border-color: var(--in-content-box-border-color);

}



#search-form.search-input-focus-visible {

#search-form:has(#search-input:focus-visible) {

  outline: var(--focus-outline);

}
@@ -209,13 +209,13 @@ body:not(.show-tor-check) #tor-check { 
    border-color: transparent;

  }



  #search-form.search-input-focus-visible {

  #search-form:has(#search-input:focus-visible) {

    /* Use a light-themed inner-border to contrast with the dark-themed

     * focus outline. */

    border-color: var(--tor-focus-outline-color-light);

  }



  #search-form.onionized-search:not(.search-input-focus-visible) {

  #search-form.onionized-search:has(#search-input:not(:focus-visible)) {

    box-shadow: 0 4px 40px #9400ff66, 0 4px 16px #9400ff33;

  }

browser/components/abouttor/content/aboutTor.js

+0 −12
Original line number Diff line number Diff line
@@ -52,18 +52,6 @@ const SearchWidget = { 
      },

      { capture: true }

    );



    // Focus styling on form.

    const searchInput = document.getElementById("search-input");

    const updateInputFocus = () => {

      this.searchForm.classList.toggle(

        "search-input-focus-visible",

        searchInput.matches(":focus-visible")

      );

    };

    updateInputFocus();

    searchInput.addEventListener("focus", updateInputFocus);

    searchInput.addEventListener("blur", updateInputFocus);

  },



  _updateOnionize() {