Bug 1848261 - Event dialog with many invitees expands beyond screen height. r=aleca

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

--HG--
extra : amend_source : 88c6ec027631f7daa5d2d388d9be4d76af7c9bef

calendar/base/content/widgets/calendar-item-summary.js

@@ -140,7 +140,6 @@
             <separator class="groove" flex="1"/>
           </hbox>
           <vbox class="item-attendees-list-container"
-                flex="1"
                 context="attendee-popup"
                 oncontextmenu="onAttendeeContextMenu(event)">
           </vbox>
@@ -148,20 +147,18 @@
 
         <splitter id="attendeeDescriptionSplitter"
                   class="item-summary-splitter"
-                  collapse="after"
                   orient="vertical"
                   state="open"/>
 
         <!-- Description -->
-        <box class="item-description-box" hidden="true" orient="vertical" flex="1">
+        <box class="item-description-box" hidden="true" orient="vertical">
           <hbox class="calendar-caption" align="center">
             <label value="&read.only.description.label;"
                    class="header"/>
-            <separator class="groove" flex="1"/>
+            <separator class="groove"/>
           </hbox>
           <iframe class="item-description"
                   type="content"
-                  flex="1"
                   oncontextmenu="openDescriptionContextMenu(event);">
           </iframe>
         </box>

calendar/base/themes/common/calendar-attendees.css

@@ -24,6 +24,7 @@ html|input.textbox-addressingWidget:disabled {
 }
 
 .item-attendees-list-container {
+  flex: 1 1 100px;
   appearance: auto;
   -moz-default-appearance: listbox;
   margin: 2px 4px 0;

calendar/base/themes/common/calendar-item-summary.css

@@ -2,6 +2,10 @@
  * 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/. */
 
+#calendar-item-summary {
+  max-width: 100vw;
+}
+
 .calendar-summary-table {
   width: 100%;
 }
@@ -43,10 +47,6 @@
   vertical-align: top;
 }
 
-.item-attendees .item-attendees-list-container {
-  min-height: 48px;
-}
-
 .item-summary-splitter {
   appearance: none;
   border-style: none;
@@ -67,3 +67,11 @@
 .item-summary-splitter[state="collapsed"]:hover {
   border-bottom: 4px solid var(--selected-item-color);
 }
+
+.item-description-box {
+  flex: 1 1 10em;
+}
+
+.item-description {
+  flex: 1 1 0;
+}

calendar/base/themes/common/dialogs/calendar-event-dialog.css

@@ -434,7 +434,6 @@ label.label {
 }
 
 #item-description {
-  min-height: 7em;
   border: 1px solid var(--field-border-color);
   border-radius: 2px;
   margin: 2px 4px;
@@ -619,10 +618,6 @@ label.label {
   min-width: 35em;
 }
 
-#calendar-item-summary {
-  max-width: 100vw;
-}
-
 #calendar-summary-dialog .item-location,
 #calendar-summary-dialog .item-title,
 #calendar-event-summary-dialog .item-location,
@@ -654,7 +649,6 @@ label.label {
 #calendar-ics-file-dialog .item-description {
   border: 1px solid var(--field-border-color);
   margin: 2px 4px 0;
-  min-height: 10em;
 }
 
 #calendar-summary-dialog .item-description a,