Bug 1818723 - Allow some elements to shrink with modern flexbox emulation in the places organizer. r=Gijs

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

browser/components/places/content/places.xhtml

@@ -10,6 +10,7 @@
 <?xml-stylesheet href="chrome://global/skin/global.css"?>
 <?xml-stylesheet href="chrome://browser/skin/places/tree-icons.css"?>
 <?xml-stylesheet href="chrome://browser/skin/places/editBookmark.css"?>
+<?xml-stylesheet href="chrome://browser/skin/places/organizer-shared.css"?>
 <?xml-stylesheet href="chrome://browser/skin/places/organizer.css"?>
 
 <?xml-stylesheet href="chrome://browser/content/downloads/downloads.css"?>
@@ -341,7 +342,7 @@
       <treechildren flex="1"/>
     </tree>
     <splitter collapse="none" persist="state"></splitter>
-    <vbox id="contentView" style="-moz-box-flex: 4">
+    <vbox id="contentView">
       <vbox id="placesViewsBox" flex="1">
         <tree id="placeContent"
               class="plain placesTree"

browser/themes/shared/jar.inc.mn

@@ -235,6 +235,7 @@
   skin/classic/browser/panic-panel/header@2x.png               (../shared/panic-panel/header@2x.png)
   skin/classic/browser/panic-panel/icons.png                   (../shared/panic-panel/icons.png)
   skin/classic/browser/panic-panel/icons@2x.png                (../shared/panic-panel/icons@2x.png)
+  skin/classic/browser/places/organizer-shared.css             (../shared/places/organizer-shared.css)
   skin/classic/browser/places/sidebar.css                      (../shared/places/sidebar.css)
   skin/classic/browser/places/bookmarksMenu.svg                (../shared/places/bookmarksMenu.svg)
   skin/classic/browser/places/bookmarksToolbar.svg             (../shared/places/bookmarksToolbar.svg)

browser/themes/shared/places/organizer-shared.css

@@ -0,0 +1,14 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#contentView {
+  -moz-box-flex: 4;
+}
+
+#contentView,
+#placesView,
+#placesViewsBox {
+  min-width: 0;
+  min-height: 0;
+}