Merging upstream version 127.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 37 insertions, 132 deletions

diff --git a/browser/themes/shared/customizableui/panelUI-shared.css b/browser/themes/shared/customizableui/panelUI-shared.css
index 07994d3233..2236613cf1 100644
--- a/browser/themes/shared/customizableui/panelUI-shared.css
+++ b/browser/themes/shared/customizableui/panelUI-shared.css
@@ -172,7 +172,6 @@ menupopup {
 
 panelview {
   flex-direction: column;
-  background: var(--arrowpanel-background);
   padding: 0;
 
   /* Prevent a scrollbar from appearing while the animation for transitioning from
@@ -696,6 +695,10 @@ toolbarbutton[constrain-size="true"][cui-areatype="panel"] > .toolbarbutton-badg
   margin: 0;
 }
 
+#PanelUI-fxa-cta-menu .fxa-cta-button {
+  margin: var(--space-xsmall);
+}
+
 .PanelUI-remotetabs-clientcontainer > label[itemtype="client"] {
   font-size: 11px;
 }
@@ -1150,6 +1153,11 @@ panelview .toolbarbutton-1,
   stroke: var(--panel-item-hover-bgcolor);
 }
 
+#appMenu-zoomReset-button2:not([disabled]):hover > .toolbarbutton-text,
+#appMenu-fullscreen-button2:not([disabled]):hover > .toolbarbutton-icon {
+  background-color: var(--panel-item-hover-bgcolor);
+}
+
 #appMenu-zoomReset-button2:not([disabled]):active:hover > .toolbarbutton-text,
 #appMenu-fullscreen-button2:not([disabled]):active:hover > .toolbarbutton-icon {
   background-color: var(--panel-item-active-bgcolor);
@@ -1300,7 +1308,7 @@ panelview .toolbarbutton-1 {
   }
 }
 
-.PanelUI-remotetabs-clientcontainer > toolbarbutton[itemtype="tab"],
+.PanelUI-tabitem-container > toolbarbutton[itemtype="tab"],
 #PanelUI-historyItems > toolbarbutton {
   list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg");
   -moz-context-properties: fill;
@@ -1310,7 +1318,7 @@ panelview .toolbarbutton-1 {
 #fxa-menu-account-fxa-avatar,
 #appMenu-fxa-label > .toolbarbutton-icon,
 #PanelUI-containersItems > .subviewbutton > .toolbarbutton-icon,
-.PanelUI-remotetabs-clientcontainer > toolbarbutton[itemtype="tab"] > .toolbarbutton-icon,
+.PanelUI-tabitem-container > toolbarbutton[itemtype="tab"] > .toolbarbutton-icon,
 #PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon,
 #PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon,
 #PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon {
@@ -1322,6 +1330,15 @@ panelview .toolbarbutton-1 {
   min-width: 0;
 }
 
+.PanelUI-tabitem-container > toolbarbutton[itemtype="tab"] {
+  flex: 1;
+  min-width: 0;
+}
+
+.remotetabs-close {
+  width: 18px;
+  margin-inline-end: 4px;
+}
 #PanelUI-fxa-menu-account-settings-button > .toolbarbutton-icon {
   border-radius: 50%;
 }
@@ -1649,11 +1666,7 @@ radiogroup:focus-visible > .subviewradio[focused="true"] {
   }
 }
 
-/* What's New panel */
-#customizationui-widget-multiview #PanelUI-whatsNew {
-  max-width: var(--menu-panel-width);
-}
-
+/* Protections panel info message */
 #protections-popup {
   #info-message-container {
     height: 260px;
@@ -1695,7 +1708,16 @@ radiogroup:focus-visible > .subviewradio[focused="true"] {
     margin: 12px 0;
   }
 
-  .whatsNew-message-body {
+  .protections-popup-message-title {
+    display: grid;
+    font-size: 1.3em;
+    font-weight: 600;
+    line-height: 1.4em;
+    margin: 14px 0 0;
+    grid-column-start: 1;
+  }
+
+  .protections-popup-message-body {
     /* -10px to compensate for the margin on the container. We can't get rid of that
        because it helps position the background image. */
     margin: 0 calc(-10px + var(--horizontal-padding)) var(--vertical-section-padding);
@@ -1708,129 +1730,6 @@ radiogroup:focus-visible > .subviewradio[focused="true"] {
   }
 }
 
-panelview {
-  &[mainview] #PanelUI-whatsNew-content {
-    height: 43em;
-  }
-
-  /* Hide the What's New header when the panel is a subview */
-  &:not([mainview]) #PanelUI-whatsNew-title {
-    display: none;
-  }
-}
-
-#PanelUI-whatsNew {
-  .panelMenu-toggleWhatsNew-checkbox {
-    padding-inline-start: 16px;
-    min-height: 41px;
-  }
-
-  .whatsNew-message {
-    cursor: pointer;
-    margin: 0;
-    padding: 0;
-  }
-
-  /* The following 2 rules show a 1 pixel line separator between What's New
-  * messages while at the same time ensuring that the first message (which has
-  * a date header) will not show the separator
-  */
-  .whatsNew-message-body::before {
-    content: "";
-    display: block;
-    height: 1px;
-    width: 104%;
-    margin-inline-start: -2%;
-    background: var(--panel-separator-color);
-  }
-
-  .has-icon::before {
-    /* the width of the icon + the grid margin */
-    width: calc(104% + 40px);
-  }
-
-  .whatsNew-message-date + .whatsNew-message-body::before {
-    display: none;
-  }
-
-  .whatsNew-message-date {
-    font-size: .85em;
-    margin: -12px;
-    margin-top: 0;
-    margin-inline-start: 0;
-    padding: 6px 16px;
-    background: var(--arrowpanel-dimmed);
-  }
-
-  .whatsNew-message-body {
-    padding: 5px 0 10px;
-    margin: 10px 16px;
-    text-align: inherit;
-    text-decoration: none;
-    color: inherit;
-    background: none;
-    border: none;
-    cursor: pointer;
-  }
-
-  .whatsNew-message-body.has-icon {
-    display: grid;
-    grid-template-columns: auto 32px;
-    grid-template-rows: 0;
-    grid-gap: 0 8px;
-  }
-
-  .whatsNew-message-icon {
-    height: 32px;
-    width: 32px;
-    margin: 14px auto;
-    display: grid;
-    grid-column-start: 2;
-  }
-
-  .whatsNew-message-subtitle {
-    margin: 2px 0;
-    font-size: .8em;
-    color: #949494;
-    font-weight: normal;
-    grid-column-start: 1;
-  }
-
-  .whatsNew-message-content {
-    display: grid;
-    margin: 5px 0 10px;
-    grid-column-start: 1;
-  }
-
-  .text-link {
-    background: none;
-    border: 0;
-    color: #45a1ff;
-    cursor: pointer;
-    font-size: .9em;
-    grid-column-start: 1;
-
-    &:hover {
-      color: #0a84ff;
-      text-decoration: underline;
-
-      &:active {
-        color: #0060df;
-      }
-    }
-  }
-}
-
-#PanelUI-whatsNew .whatsNew-message-title,
-#protections-popup-message .whatsNew-message-title {
-  display: grid;
-  font-size: 1.3em;
-  font-weight: 600;
-  line-height: 1.4em;
-  margin: 14px 0 0;
-  grid-column-start: 1;
-}
-
 #customizationui-widget-panel {
   /* In the next two rules the panel's width is set according to the
   * profiler backdrop image when not opened from the overflow panel. */
@@ -2180,3 +2079,9 @@ panelview {
   padding: var(--space-xxlarge) 0 var(--space-medium);
   gap: var(--space-small);
 }
+
+/* ----- Content Analysis indicator panel ----- */
+
+#content-analysis-panel-container {
+  padding: 8px;
+}