Pin the action buttons to the bottom of the scrollable dialogs (#11407)

dhenneke · web-flow · commit 33ec7147d64e · 2023-08-17T07:12:44.000Z
* Let scrollable dialogs shrink to the size of the content

Signed-off-by: Dominik Henneke &lt;dominik.henneke@nordeck.net&gt;

* Pin the action buttons to the bottom of the scrollable dialogs

Signed-off-by: Dominik Henneke &lt;dominik.henneke@nordeck.net&gt;

---------

Signed-off-by: Dominik Henneke &lt;dominik.henneke@nordeck.net&gt;
diff --git a/res/css/views/dialogs/_CompoundDialog.pcss b/res/css/views/dialogs/_CompoundDialog.pcss
@@ -58,12 +58,13 @@ limitations under the License.
         display: flex;
         flex-direction: column;
         min-height: 0;
-        max-height: 100%;
+        flex: 1;
     }
 
     .mx_CompoundDialog_content {
         overflow: auto;
         padding: 8px 32px;
+        flex: 1;
     }
 
     .mx_CompoundDialog_footer {

Original file line number	Diff line number	Diff line change
`@@ -58,12 +58,13 @@ limitations under the License.`
`58`	`58`	`display: flex;`
`59`	`59`	`flex-direction: column;`
`60`	`60`	`min-height: 0;`
`61`		`- max-height: 100%;`
	`61`	`+ flex: 1;`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`.mx_CompoundDialog_content {`
`65`	`65`	`overflow: auto;`
`66`	`66`	`padding: 8px 32px;`
	`67`	`+ flex: 1;`
`67`	`68`	`}`
`68`	`69`
`69`	`70`	`.mx_CompoundDialog_footer {`