Bug 1414244 - Part 5 - Remove the "panel-mainview" container. r=Gijs
MozReview-Commit-ID: 3NDGiy3Mwtq
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -81,20 +81,16 @@ panelview {
}
panel[hidden] panelmultiview,
panel[hidden] photonpanelmultiview,
panel[hidden] panelview {
-moz-binding: none;
}
-.panel-mainview {
- transition: transform var(--panelui-subview-transition-duration);
-}
-
panelview:not([mainview]):not([current]):not([in-transition]) {
transition: visibility 0s linear var(--panelui-subview-transition-duration);
visibility: collapse;
}
photonpanelmultiview panelview:not([current]):not([in-transition]) {
transition: none;
visibility: collapse;
--- a/browser/components/customizableui/content/panelUI.xml
+++ b/browser/components/customizableui/content/panelUI.xml
@@ -15,17 +15,16 @@
<binding id="panelmultiview">
<resources>
<stylesheet src="chrome://browser/content/customizableui/panelUI.css"/>
</resources>
<content>
<xul:vbox anonid="viewContainer" class="panel-viewcontainer" xbl:inherits="panelopen,transitioning">
<xul:stack anonid="viewStack" xbl:inherits="transitioning" class="panel-viewstack">
- <xul:vbox anonid="mainViewContainer" class="panel-mainview"/>
<children includes="panelview"/>
</xul:stack>
</xul:vbox>
</content>
<implementation>
<constructor><![CDATA[
const {PanelMultiView} = Components.utils.import("resource:///modules/PanelMultiView.jsm", {});
this.instance = new PanelMultiView(this);
--- a/browser/components/downloads/content/downloads.css
+++ b/browser/components/downloads/content/downloads.css
@@ -193,18 +193,17 @@ richlistitem.download button {
#downloadsPanel-mainView .download-state[state="8"] .downloadRetry,
#downloadsPanel-mainView .download-state[state="8"] .downloadShow {
display: none;
}
/* Make the panel wide enough to show the download list items without improperly
truncating them. */
#downloadsPanel-multiView > .panel-viewcontainer,
-#downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack,
-#downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack > .panel-mainview {
+#downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack {
max-width: unset;
}
/* Show the "show blocked info" button. */
#downloadsPanel-mainView .download-state[state="8"] .downloadShowBlockedInfo {
display: inline;
}
--- a/browser/themes/shared/controlcenter/panel.inc.css
+++ b/browser/themes/shared/controlcenter/panel.inc.css
@@ -145,17 +145,17 @@
.identity-popup-headline {
margin: 3px 0 4px;
font-size: 150%;
}
.identity-popup-host {
word-wrap: break-word;
/* 1em + 2em + 24px is .identity-popup-security-content padding
- * 30em is .panel-mainview width */
+ * 30em is the panel width */
max-width: calc(30rem - 3rem - 24px - @identityPopupExpanderWidth@);
}
.identity-popup-warning-gray {
padding-inline-start: 24px;
background: url(chrome://browser/skin/controlcenter/warning-gray.svg) no-repeat 0 50%;
}
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -219,18 +219,17 @@ panel[photon] > .panel-arrowcontainer >
padding: 0;
}
#wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls,
#wrapper-zoom-controls:-moz-any([place="palette"],[place="panel"]) > #zoom-controls {
margin-inline-start: 0;
}
-#BMB_bookmarksPopup,
-.panel-mainview {
+#BMB_bookmarksPopup {
max-width: @standaloneSubviewWidth@;
}
#pageActionFeedback > .panel-arrowcontainer > .panel-arrowbox {
/* Don't display the arrow but keep the popup at the same vertical
offset as other arrow panels. */
visibility: hidden;
}
@@ -300,21 +299,16 @@ panel[photon] > .panel-arrowcontainer >
opacity 60ms linear;
}
#pageActionFeedbackAnimatableBox[animate] + #pageActionFeedbackMessage {
transform: scale(1);
opacity: 1;
}
-/* Give WebExtension stand-alone panels extra width for Chrome compatibility */
-.cui-widget-panel[viewId^=PanelUI-webext-] .panel-mainview {
- max-width: 800px;
-}
-
.cui-widget-panel[viewId^=PanelUI-webext-] > .panel-arrowcontainer > .panel-arrowcontent {
padding: 0;
}
panelview[id^=PanelUI-webext-] {
overflow: hidden;
}