Bug 1616863 - Fix Payment Request dialog container style r=MattN
authorMarcos Cáceres <mcaceres@mozilla.com>
Mon, 13 Jul 2020 01:06:27 +0000
changeset 540154 9cc546760752349288e91003be97d9d7e8a08d23
parent 540153 6de01deddd41586408c75d11e8ca2fac66f1fdad
child 540155 9a24ba7aab535843951830d1be95494522dd3a53
push id121500
push usermcaceres@mozilla.com
push dateMon, 13 Jul 2020 02:02:58 +0000
treeherderautoland@9cc546760752 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersMattN
bugs1616863
milestone80.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1616863 - Fix Payment Request dialog container style r=MattN Bring the payment sheet back up, gives us something visual to work from. Differential Revision: https://phabricator.services.mozilla.com/D82654
toolkit/components/prompts/content/tabprompts.css
--- a/toolkit/components/prompts/content/tabprompts.css
+++ b/toolkit/components/prompts/content/tabprompts.css
@@ -54,22 +54,25 @@ tabmodalprompt label[value=""] {
 }
 
 /* Tab-Modal Payment Request widget */
 .paymentDialogContainer:not([hidden]) {
   /* Center the .paymentDialogContainerFrame horizontally with flexbox. */
   display: flex;
   flex-direction: column;
   position: absolute;
+  /* TODO: figure out which element is preventing this from showing */
+  z-index: 1;
+  width: 100%;
 }
 
 .paymentDialogContainer > div {
   align-self: center;
   box-sizing: border-box;
-  height: 500px;
+  height: 600px;
   /* By setting `inset-inline` to `auto` with `position: absolute`, the
    * horizontal position from the `align-self: center` is used.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/right#Values. */
   inset-inline: auto;
   /* Shrink the height for small browser window sizes so the dialog footer
      remains visible.
      Ideally this would be 100vh minus the #navigator-toolbox height. */
   max-height: 75vh;