Bug 1575346 - Add offset for info message when setting subview max-height. r=timhuang

Differential Revision: https://phabricator.services.mozilla.com/D43337

--HG--
extra : moz-landing-system : lando

browser/components/newtab/lib/ToolbarPanelHub.jsm

@@ -473,6 +473,7 @@ class _ToolbarPanelHub {
     const toggleMessage = () => {
       container.toggleAttribute("disabled");
       infoButton.toggleAttribute("checked");
+      panelContainer.toggleAttribute("infoMessageShowing");
     };
     if (!container.childElementCount) {
       const message = await this._getMessages({

browser/themes/shared/controlcenter/panel.inc.css

@@ -18,12 +18,17 @@
   fill: currentColor;
   --horizontal-padding: 2.1rem;
   --vertical-section-padding: 0.9em;
+  --height-offset: 0;
 }
 
 #protections-popup[toast] {
   --popup-width: 32rem;
 }
 
+#protections-popoup[infoMessageShowing] {
+  --height-offset: 260px;
+}
+
 /* This is used by screenshots tests to hide intermittently different
  * identity popup shadows (see bug 1425253). */
 #identity-popup.no-shadow {
@@ -481,7 +486,7 @@ description#identity-popup-content-verifier,
 #protections-popup-socialblockView,
 #protections-popup-cookiesView,
 #protections-popup-trackersView {
-  max-height: 600px;
+  max-height: calc(600px + var(--height-offset));
 }
 
 #protections-popup-trackersView-list.empty {