fix: LYS success page overflows (#49127)
* fix: LYS success page overflows * css * Update plugins/woocommerce-admin/client/launch-your-store/hub/styles.scss Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com> --------- Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
This commit is contained in:
parent
4ce23d5343
commit
b6ed6223bd
|
@ -45,6 +45,7 @@ export type events =
|
|||
};
|
||||
import { WhatsNext } from './WhatsNext';
|
||||
import { LysSurvey } from './Survey';
|
||||
import { useFullScreen } from '~/utils';
|
||||
|
||||
export const LaunchYourStoreSuccess = ( {
|
||||
context: {
|
||||
|
@ -75,6 +76,8 @@ export const LaunchYourStoreSuccess = ( {
|
|||
}
|
||||
);
|
||||
|
||||
useFullScreen( [ 'woocommerce-launch-your-store-success' ] );
|
||||
|
||||
return (
|
||||
<div
|
||||
className={ clsx(
|
||||
|
|
|
@ -18,7 +18,8 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
min-height: 100vh;
|
||||
max-width: 100vw;
|
||||
|
||||
.woocommerce-launch-store__congrats-header-container {
|
||||
min-height: 64px;
|
||||
|
|
|
@ -2,6 +2,11 @@
|
|||
min-width: 600px;
|
||||
overflow: auto;
|
||||
|
||||
&.woocommerce-launch-your-store-success {
|
||||
overflow-x: clip;
|
||||
min-width: unset;
|
||||
}
|
||||
|
||||
.woocommerce-layout__primary {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
@ -14,6 +19,7 @@
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: #fcfcfc;
|
||||
min-height: 100vh;
|
||||
|
||||
.customize-your-store-edit-site-resizable-frame__inner-content {
|
||||
height: 100%;
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
Significance: patch
|
||||
Type: fix
|
||||
|
||||
Fixed horizontal and vertical layout overflows on LYS success page
|
Loading…
Reference in New Issue