[pull] master from mozilla:master

.cron.yml

@@ -229,11 +229,11 @@ jobs:
           - {weekday: 'Monday', hour: 8, minute: 0}
           - {weekday: 'Thursday', hour: 8, minute: 0}
 
-    - name: nightly-beta-perf
+    - name: daily-beta-perf
       job:
           type: decision-task
-          treeherder-symbol: n-perf
-          target-tasks-method: nightly_beta_perf
+          treeherder-symbol: d-perf
+          target-tasks-method: daily_beta_perf
           include-push-tasks: true
       run-on-projects:
           - mozilla-beta

browser/app/profile/firefox.js

@@ -666,7 +666,7 @@ pref("browser.privacySegmentation.windowSeparation.enabled", false);
 pref("browser.theme.dark-private-windows", true);
 
 // Controls visibility of the privacy segmentation preferences section.
-pref("browser.privacySegmentation.preferences.show", true);
+pref("browser.privacySegmentation.preferences.show", false);
 
 pref("browser.sessionhistory.max_entries", 50);
 
@@ -1568,8 +1568,10 @@ pref("browser.newtabpage.activity-stream.discoverystream.hybridLayout.enabled",
 pref("browser.newtabpage.activity-stream.discoverystream.hideCardBackground.enabled", false);
 pref("browser.newtabpage.activity-stream.discoverystream.fourCardLayout.enabled", false);
 pref("browser.newtabpage.activity-stream.discoverystream.newFooterSection.enabled", false);
+pref("browser.newtabpage.activity-stream.discoverystream.saveToPocketCard.enabled", false);
 pref("browser.newtabpage.activity-stream.discoverystream.saveToPocketCardRegions", "");
 pref("browser.newtabpage.activity-stream.discoverystream.hideDescriptions.enabled", false);
+pref("browser.newtabpage.activity-stream.discoverystream.hideDescriptionsRegions", "");
 pref("browser.newtabpage.activity-stream.discoverystream.compactGrid.enabled", false);
 pref("browser.newtabpage.activity-stream.discoverystream.compactImages.enabled", false);
 pref("browser.newtabpage.activity-stream.discoverystream.imageGradient.enabled", false);

browser/base/content/browser-addons.js

@@ -279,7 +279,7 @@ var gXPInstallObserver = {
 
     if (gUnifiedExtensions.isEnabled) {
       options.popupOptions = {
-        position: "bottomcenter topright",
+        position: "bottomright topright",
         x: 2,
         y: 0,
       };
@@ -516,7 +516,7 @@ var gXPInstallObserver = {
 
     if (gUnifiedExtensions.isEnabled) {
       options.popupOptions = {
-        position: "bottomcenter topright",
+        position: "bottomright topright",
         x: 2,
         y: 0,
       };

browser/base/content/browser-pageActions.js

@@ -344,7 +344,7 @@ var BrowserPageActions = {
 
     let anchorNode = this.panelAnchorNodeForAction(action);
     PanelMultiView.openPopup(panelNode, anchorNode, {
-      position: "bottomcenter topright",
+      position: "bottomright topright",
       triggerEvent: event,
     }).catch(Cu.reportError);
   },
@@ -921,7 +921,7 @@ var BrowserPageActions = {
   showPanel(event = null) {
     this.panelNode.hidden = false;
     PanelMultiView.openPopup(this.panelNode, this.mainButtonNode, {
-      position: "bottomcenter topright",
+      position: "bottomright topright",
       triggerEvent: event,
     }).catch(Cu.reportError);
   },

browser/base/content/browser-places.js

@@ -284,7 +284,7 @@ var StarUI = {
       isNewBookmark: this._isNewBookmark,
     });
 
-    this.panel.openPopup(BookmarkingUI.anchor, "bottomcenter topright");
+    this.panel.openPopup(BookmarkingUI.anchor, "bottomright topright");
   },
 
   _createPanelIfNeeded() {

browser/base/content/browser-siteIdentity.js

@@ -1204,7 +1204,7 @@ var gIdentityHandler = {
 
     // Now open the popup, anchored off the primary chrome element
     PanelMultiView.openPopup(this._identityPopup, this._identityIconBox, {
-      position: "bottomcenter topleft",
+      position: "bottomleft topleft",
       triggerEvent: event,
     }).catch(Cu.reportError);
   },

browser/base/content/browser-sitePermissionPanel.js

@@ -37,7 +37,7 @@ var gPermissionPanel = {
    * will be used as the anchor.
    */
   _popupAnchorNode: null,
-  _popupPosition: "bottomcenter topleft",
+  _popupPosition: "bottomleft topleft",
   setAnchor(anchorNode, popupPosition) {
     this._popupAnchorNode = anchorNode;
     this._popupPosition = popupPosition;

browser/base/content/browser-siteProtections.js

@@ -2175,7 +2175,7 @@ var gProtectionsHandler = {
       this._protectionsPopup,
       this._trackingProtectionIconContainer,
       {
-        position: "bottomcenter topleft",
+        position: "bottomleft topleft",
         triggerEvent: event,
       }
     ).catch(Cu.reportError);

browser/base/content/browser-webrtc.js

@@ -56,7 +56,7 @@ var gSharedTabWarning = {
     );
     allowForSessionCheckbox.checked = false;
 
-    panel.openPopup(tab, "bottomcenter topleft", 0, 0);
+    panel.openPopup(tab, "bottomleft topleft", 0, 0);
 
     return true;
   },

browser/base/content/main-popupset.inc.xhtml

@@ -291,7 +291,7 @@
          hidden="true"
          flip="slide"
          orient="vertical"
-         position="bottomcenter topleft">
+         position="bottomleft topleft">
     <toolbarbutton id="sidebar-switcher-bookmarks"
                    data-l10n-id="sidebar-menu-bookmarks"
                    class="subviewbutton"
@@ -458,7 +458,7 @@
            type="arrow"
            hidden="true"
            flip="slide"
-           position="bottomcenter topright"
+           position="bottomright topright"
            tabspecific="true"
            noautofocus="true">
       <panelmultiview id="pageActionPanelMultiView"
@@ -478,7 +478,7 @@
            role="alert"
            type="arrow"
            flip="slide"
-           position="bottomcenter topright"
+           position="bottomright topright"
            tabspecific="true"
            noautofocus="true">
       <hbox id="confirmation-hint-checkmark-animation-container">

browser/components/customizableui/CustomizeMode.jsm

@@ -2670,12 +2670,12 @@ CustomizeMode.prototype = {
     if (panelOnTheLeft) {
       // Tested in RTL, these get inverted automatically, so this does the
       // right thing without taking RTL into account explicitly.
-      position = "leftcenter topright";
+      position = "topleft topright";
       if (toolbarContainer) {
         offsetX = 8;
       }
     } else {
-      position = "rightcenter topleft";
+      position = "topright topleft";
       if (toolbarContainer) {
         offsetX = -8;
       }

browser/components/customizableui/content/panelUI.inc.xhtml

@@ -7,7 +7,7 @@
        role="group"
        type="arrow"
        noautofocus="true"
-       position="bottomcenter topright"
+       position="bottomright topright"
        hidden="true">
   <panelmultiview mainViewId="widget-overflow-mainView">
     <panelview id="widget-overflow-mainView"
@@ -67,7 +67,7 @@
 <html:template id="panicButtonNotificationTemplate">
   <panel id="panic-button-success-notification"
          type="arrow"
-         position="bottomcenter topright"
+         position="bottomright topright"
          hidden="true"
          role="alert"
          orient="vertical">
@@ -220,7 +220,7 @@
        type="arrow"
        hidden="true"
        flip="slide"
-       position="bottomcenter topright"
+       position="bottomright topright"
        noautofocus="true">
   <panelmultiview id="appMenu-multiView" mainViewId="appMenu-protonMainView"
                   viewCacheId="appMenu-viewCache">
@@ -233,7 +233,7 @@
          role="group"
          type="arrow"
          flip="slide"
-         position="bottomcenter topright"
+         position="bottomright topright"
          tabspecific="true">
     <popupnotification id="extension-new-tab-notification"
                        class="extension-controlled-notification"

browser/components/customizableui/content/panelUI.js

@@ -489,7 +489,7 @@ const PanelUI = {
 
       try {
         viewShown = await PanelMultiView.openPopup(tempPanel, anchor, {
-          position: "bottomcenter topright",
+          position: "bottomright topright",
           triggerEvent: aEvent,
         });
       } catch (ex) {
@@ -855,7 +855,7 @@ const PanelUI = {
         el.removeAttribute("data-lazy-l10n-id");
       });
 
-    this.notificationPanel.openPopup(anchor, "bottomcenter topright");
+    this.notificationPanel.openPopup(anchor, "bottomright topright");
   },
 
   _clearNotificationPanel() {

browser/components/customizableui/test/browser_PanelMultiView.js

@@ -85,7 +85,7 @@ async function openPopup(panelIndex, viewIndex) {
   PanelMultiView.openPopup(
     gPanels[panelIndex],
     gPanelAnchors[panelIndex],
-    "bottomcenter topright"
+    "bottomright topright"
   );
   await promiseShown;
 
@@ -440,7 +440,7 @@ add_task(async function test_cancel_mainview_event_sequence() {
   PanelMultiView.openPopup(
     gPanels[0],
     gPanelAnchors[0],
-    "bottomcenter topright"
+    "bottomright topright"
   );
   await promiseHidden;
 
@@ -519,7 +519,7 @@ add_task(async function test_close_while_showing_mainview_event_sequence() {
   PanelMultiView.openPopup(
     gPanels[0],
     gPanelAnchors[0],
-    "bottomcenter topright"
+    "bottomright topright"
   );
   await promiseHiding;
   await promiseHidden;

browser/components/customizableui/test/browser_PanelMultiView_keyboard.js

@@ -37,7 +37,7 @@ let gIframeIframe;
 
 async function openPopup() {
   let shown = BrowserTestUtils.waitForEvent(gMainView, "ViewShown");
-  PanelMultiView.openPopup(gPanel, gAnchor, "bottomcenter topright");
+  PanelMultiView.openPopup(gPanel, gAnchor, "bottomright topright");
   await shown;
 }
 

browser/components/downloads/content/downloads.js

@@ -638,7 +638,7 @@ var DownloadsPanel = {
       PanelMultiView.openPopup(
         this.panel,
         anchor,
-        "bottomcenter topright",
+        "bottomright topright",
         0,
         0,
         false,

browser/components/firefoxview/firefoxview.css

@@ -101,7 +101,7 @@ body > main {
   grid-template-columns: 2fr 1fr;
 }
 
-body > main > section {
+body > main > details {
   grid-column: 1;
 }
 
@@ -125,7 +125,7 @@ body > main > aside {
   body {
     --colorways-no-collection-notice-bg-color: var(--newtab-background-color-secondary);
   }
-  body > main > section,
+  body > main > details,
   body > main > aside {
     grid-column: 1 / -1;
     grid-row: auto;
@@ -363,14 +363,16 @@ button.close {
 }
 
 .page-section-header {
+  column-gap: 16px;
+  cursor: pointer;
   display: grid;
   grid-template-columns: repeat(8, 1fr);
   grid-template-rows: 1fr auto;
-  column-gap: 16px;
-
   grid-template-areas:
       "head head head head head head head twisty"
       "desc desc desc desc desc desc desc desc";
+  list-style-type: none;
+  padding-inline-start: 8px;
 }
 
 .page-section-header > h1 {
@@ -379,12 +381,37 @@ button.close {
   padding-block: 4px;
 }
 
+/* the twisty is just an ornament; the whole summary parent node is clickable */
 .page-section-header > .twisty {
+  background-image: url("chrome://global/skin/icons/arrow-down.svg");
+  display: inline-block;
   grid-area: twisty;
+  align-self: center;
   justify-self: end;
+  padding-block: 4px;
+  padding-inline: 8px;
+  fill: currentColor;
+  border-radius: 4px;
   margin-block: 0;
-  min-width: 32px;
-  padding-inline: 7px;
+  margin-inline-end: 4px;
+}
+
+@media (prefers-contrast) {
+  .page-section-header > .twisty {
+    border: 1px solid currentColor;
+  }
+}
+
+details[open] > .page-section-header > .twisty {
+  background-image: url("chrome://global/skin/icons/arrow-up.svg");
+}
+
+.page-section-header:hover > .twisty {
+  background-color: var(--fxview-element-hover-color);
+}
+
+.page-section-header:hover:active > .twisty {
+  background-color: var(--fxview-element-active-color);
 }
 
 .page-section-header > .section-description {
@@ -417,7 +444,6 @@ button.close {
 .zap-card {
   border: none;
   position: relative;
-  z-index: 0;
 }
 .zap-card::before {
   content: "";
@@ -796,15 +822,6 @@ button.close {
   fill: currentColor;
 }
 
-/* the ordering of these two arrow icons is important for the toggleContainer to work correctly */
-.arrow-up {
-  background-image: url("chrome://global/skin/icons/arrow-up.svg");
-}
-
-.arrow-down {
-  background-image: url("chrome://global/skin/icons/arrow-down.svg");
-}
-
 .history {
   background-image: url('chrome://browser/skin/history.svg');
 }