diff --git a/picker/scripts/palette-picker.js b/picker/scripts/palette-picker.js index 08b6df5da..d9416d392 100644 --- a/picker/scripts/palette-picker.js +++ b/picker/scripts/palette-picker.js @@ -593,9 +593,12 @@ function applyHoist({ force = false } = {}) { if (moved) flashHoisted(chosen); } +/* Disabled: the reorder pulled the row the user had just clicked away from + where they left it, which reads as the list moving on its own. The rail now + keeps the order the pairs were dealt in and the checked state alone says + which one is chosen. */ function requestHoist() { - hoistPending = true; - if (!railBusy()) applyHoist(); + hoistPending = false; } function settleHoist() { diff --git a/picker/styles/picker.css b/picker/styles/picker.css index 39ec3d81f..4c12409db 100644 --- a/picker/styles/picker.css +++ b/picker/styles/picker.css @@ -5335,6 +5335,14 @@ body.picker-page { padding: var(--ps-band-y) var(--ps-gutter); } +.picker-preview-type[data-surface="persuade"] .ps-phone-body > .ps-image { + display: none; +} + +.picker-preview-type[data-surface="persuade"] .ps-phone-body { + grid-template-rows: repeat(5, auto); +} + /* One gap owns the spacing down the phone. The margins underneath it were a second, unrelated scale, and every element that carried one landed on a different interval from its neighbour. */ @@ -5514,12 +5522,19 @@ body.picker-page { /* Same construction as the nav: one baseline across the row, the row itself centered in the band, both edges on the shared gutter. */ .picker-preview-type .ps-footer { - display: grid; - grid-template-columns: auto auto; - justify-content: space-between; - align-content: center; - align-items: baseline; - padding-inline: var(--ps-gutter); + display: none; +} + +.picker-preview-type .ps-phone-footer { + display: none; +} + +.picker-preview-type .ps-phone .pt-headline { + font-size: var(--pt-title); +} + +.picker-preview-type .ps-phone-top .ps-brand-block { + font-size: var(--pt-micro); } .picker-preview-type .ps-footer-links {