dw_maintenance | Credit card processing back up, thru Stripe

Credit card processing back up, thru Stripe

Hi all,

First, apologies for the payments downtime in the past few days. We're still working on sorting out the root cause with our merchant bank (who apparently got acquired and lost some paperwork), but in the meantime we've integrated with Stripe and are able to accept payments again.

The flow will look at a little different than you're used to, because it will redirect you to a Dreamwidth branded Stripe checkout page, but afterwards you'll end up back on DW and the order will be processed like normal.

Please let us know if you have any problems or questions -- this integration was a little rushed, so if there are any rough edges, I'm sorry (and definitely let me know).

Thanks again for your patience while we sorted this out :)

Flat | Top-Level Comments Only

Unfortunately this is what it looks like for me on mobile:

Cool, I know how to fix that.

Your journal style is using Solarbird's Coexistence Alpha CSS overlay. Her CSS and our CSS are both doing a bunch of stuff to make the comment form nicer on mobile, but those changes are in conflict and it's making a mess.

But it should be safe to delete the conflicting section of CSS, because the base CSS should now have fixes for all of the problems it was fixing. You can go into your custom CSS field and find and delete the following section of code:

#qrform textarea#body {
   width: 95%; /* Overridden on mobile */
}

/* button bottom margins, nudges IP tracking notice  */
#qrform input#submitpost, #qrform input#submitpview, #qrform input#submitmoreopts, {
   margin-bottom: 10px;  
}

/* these subject lines are really annoying */
#qrform input[type="text"] {
   height: 25px;
   margin-left: 0px;
   margin-top: 2px;
   width: 65%;
}

#qrform span.iconselect_trigger_wrapper {
   min-width: 100px;
   width: 10%;
}

/* hopefully stops oversized comments on small screens */
#qrform select {
    min-width: 100px;
    width: 30%;  /* was 30% */
}

@media screen and (max-width: 45em) { /* 640px */
#qrform td {
   display: inline-grid;
   text-align: left;
   }
#qrform textarea#body { /* comment body a problem on mobile */
   width: 100% !important; /* Overrides something deep in Neutral Good base */
   }
#qrform input[type="text"] { /* subject line _also_ a problem on mobile */
   width: 100%;
   }
#qrform input[type="button"], #qrform input[type="submit"] {
   width: 50%;
   margin-bottom: -10px;  /* For these buttons when in a table */
   }
div.qr-footer input#submitpost, div.qr-footer input#submitmoreopts {
   margin-bottom: 5px; /* For these buttons when in this particular div */
   }
input#submitpost.submit { /* phones are so fiddly */
   margin-top: 10px;
}
#do_spellcheck {    /* this is all about hiding broken wrap on iPhone really */
   display: none;
   }
#qrform label.checkboxlabel {
   display: none;
   }
input#subject.textbox { /* This is about single-comment reply view */
   width: 75%;
   }
} /* end 640px */

/* this stops autozoom on iPhones in comments */
/* TESTTEST - pulled out  #qrform input, because buttons */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#qrform select, #qrform textarea, #qrform subject, #qrform body, input#subject.textbox, textarea#commenttext.textbox {
   font-size: 16px;
   }

#qrform input[type="text"] { /* And makes it look decent */
   height: 29px;
   margin-left: 0px;
   margin-top: 0px;
   }
}

@media screen and (max-width: 45em) { /* 640px */
#qrform input[type="text"] {
   width: 70%;
   margin-left: 0px;
   margin-top: 0px;
   }
} /* end 640px */

/* comment button look improvement and consistency */
input#submitpost, input#submitpview, input#submitpreview {
   border-radius: 4px;
   margin-right: 4px;
   margin-bottom: 5px; /* DOES THIS BREAK EVERYTHING EXPERIMENTAL */
}

input#submitmoreopts, input#lj_userpicselect, input#randomicon {
   border-radius: 4px;
   }

/* and make them behave better on mobile */
@media screen and (max-width: 45em) { /* 640px */
input#submitmoreopts, input#submitpost {
   margin-left: 0px;
   }
input#lj_userpicselect, input#randomicon, #quotebuttonspan {
   display: none;  /* Hide these on mobile for sanity */
   }
} /* end 640px */

Should turn it into:

Edited (on further thought, let's force shrink the height on that code dump.) 2019-09-27 16:53 (UTC)

Thank you so much for going to the trouble! Will implement when next at my desktop.

Flat | Top-Level Comments Only

Credit card processing back up, thru Stripe

no subject

no subject

no subject