diff --git a/css/styles.css b/css/styles.css index 139abb086..e711131a3 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1 @@ -:root{--ua-white: #ffffff;--ua-black: #000000;--ua-primary-800: var(--cdk-primary-800, #1d1d1b);--ua-primary-700: var(--cdk-primary-700, #3f3f3d);--ua-primary-500: var(--cdk-primary-500, #bbbbbb);--ua-primary-400: var(--cdk-primary-400, #dddddd);--ua-primary-200: var(--cdk-primary-200, #f7f7f7);--ua-purple-500: var(--cdk-purple-500, #decde7);--ua-purple-50: var(--cdk-purple-50, #f8f0f7);--ua-ocean-blue-700: var(--cdk-ocean-blue-700, #5c92aa);--ua-ocean-blue-500: var(--cdk-ocean-blue-500, #a4dbe8);--ua-ocean-blue-50: var(--cdk-ocean-blue-50, #e4f4f8);--ua-blue-500: var(--cdk-blue-500, #174eef);--ua-blue-50: var(--cdk-blue-50, #e8edfd);--ua-green-500: var(--cdk-green-500, #207f4b);--ua-green-50: var(--cdk-green-50, #eaf8ef);--ua-yellow-500: var(--cdk-yellow-500, #ffa000);--ua-yellow-50: var(--cdk-yellow-50, #fff5e5);--ua-red-500: var(--cdk-red-500, #ba151a);--ua-red-50: var(--cdk-red-50, #ffe4e6);--ua-border-radius: 0;--ua-base-text-color: var(--ua-primary-800);--ua-disabled-color: var(--ua-primary-500);--ua-border-color: var(--ua-primary-400);--ua-required-color: var(--ua-red-500);--ua-primary: var(--ua-primary-800);--ua-primary-hover: var(--ua-primary-700);--ua-muted-background-color: var(--ua-primary-200)}.v1-7-8-0{--ua-border-radius: 0.5rem;--ua-primary: #25b9d7;--ua-primary-hover: #1a8196;--ua-base-text-color: #555555;--ua-blue-500: #25b9d7;--ua-blue-50: #beeaf3;--ua-green-500: #53d572;--ua-green-50: #cbf2d4;--ua-yellow-500: #fab000;--ua-yellow-50: #fffbd3;--ua-red-500: #f44336;--ua-red-50: #fbc6c3}.v1-7-3-0{--ua-border-radius: 0.3125rem;--ua-primary: #00aff0;--ua-primary-hover: #008abd;--ua-base-text-color: #555555;--ua-blue-500: #4ac7e0;--ua-blue-50: #dcf4f9;--ua-green-500: #72c279;--ua-green-50: #ddf0de;--ua-yellow-500: #fcc94f;--ua-yellow-50: #fff3d7;--ua-red-500: #eab3b7;--ua-red-50: #ffe2e4}#update_assistant{--ua-typography-color: var(--ua-base-text-color);--ua-link-color: var(--ua-primary);--ua-link-color-hover: var(--ua-primary-hover)}#update_assistant h1,#update_assistant h2,#update_assistant h3,#update_assistant h4,#update_assistant h5,#update_assistant h6,#update_assistant .h1,#update_assistant .h2,#update_assistant .h3,#update_assistant .h4,#update_assistant .h5,#update_assistant .h6{color:var(--ua-typography-color)}#update_assistant .h1{margin-block:0 1.5rem;font-size:1.5rem;font-weight:600}#update_assistant .h2{margin-block:0 1rem;font-size:1.25rem;font-weight:600}#update_assistant .h3{margin-block:0 .5rem;font-size:1.125rem;font-weight:600}#update_assistant p{font-size:.875rem}#update_assistant a.link{color:var(--ua-link-color);text-decoration:underline;text-underline-offset:.125rem;transition:text-underline-offset .15s}#update_assistant a.link:hover{color:var(--ua-link-color-hover);text-decoration-color:var(--ua-link-color-hover);text-underline-offset:.25rem}#update_assistant{--ua-alert-info-button-background-color-hover: var(--ua-blue-500);--ua-alert-success-button-background-color-hover: var(--ua-green-500);--ua-alert-warning-button-background-color-hover: var(--ua-yellow-500);--ua-alert-danger-button-background-color-hover: var(--ua-red-500)}#update_assistant .alert{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;margin-block-end:0;border:none}#update_assistant .alert__title{margin-block:0;font-size:1.125rem;font-weight:600;line-height:1;color:var(--ua-base-text-color)}#update_assistant .alert__message{margin-block:0;font-size:.875rem;line-height:1.4;color:var(--ua-base-text-color)}#update_assistant .alert__infos{display:flex;flex-basis:70%;flex-direction:column;flex-grow:1;gap:.5rem}#update_assistant .alert__action{flex-shrink:0}#update_assistant .alert__link{background-color:rgba(0,0,0,0);color:var(--ua-base-text-color);text-decoration:none}#update_assistant .alert__link:hover.btn-info{background-color:var(--ua-alert-info-button-background-color-hover);border-color:var(--ua-alert-info-button-background-color-hover);color:var(--ua-white)}#update_assistant .alert__link:hover.btn-success{background-color:var(--ua-alert-success-button-background-color-hover);border-color:var(--ua-alert-success-button-background-color-hover);color:var(--ua-white)}#update_assistant .alert__link:hover.btn-warning{background-color:var(--ua-alert-warning-button-background-color-hover);border-color:var(--ua-alert-warning-button-background-color-hover);color:var(--ua-white)}#update_assistant .alert__link:hover.btn-danger{background-color:var(--ua-alert-danger-button-background-color-hover);border-color:var(--ua-alert-danger-button-background-color-hover);color:var(--ua-white)}#update_assistant .btn{display:inline-flex;align-items:center}#update_assistant .btn .material-icons{line-height:1}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#update_assistant .check-requirements{--ua-requirements-background-color: var(--ua-muted-background-color);--ua-requirements-loader-color: var(--ua-base-text-color);--ua-requirements-loader-dot-color: var(--ua-ocean-blue-700);--ua-requirements-loader-gradient-color: var(--ua-ocean-blue-500);padding:1rem;margin-block-start:.5rem;background-color:var(--ua-requirements-background-color);border-radius:var(--ua-border-radius)}#update_assistant .check-requirements__loader{position:relative;width:1.625rem;height:1.625rem;margin-block-end:1rem;margin-inline:auto;background:linear-gradient(var(--ua-requirements-background-color), var(--ua-requirements-background-color)) padding-box,conic-gradient(from 0, transparent, var(--ua-requirements-loader-gradient-color)) border-box;border:.1875rem solid rgba(0,0,0,0);border-radius:100%;text-align:center;animation:rotate 1.5s linear infinite}#update_assistant .check-requirements__loader::before{content:"";position:absolute;top:0;left:50%;display:block;width:.1875rem;height:.1875rem;background:var(--ua-requirements-loader-dot-color);border-radius:50%;transform:translate(-50%, -100%)}#update_assistant .check-requirements__loader-title{font-size:.875rem;font-weight:700;line-height:1.4;color:var(--ua-requirements-loader-color);text-align:center}#update_assistant .check-requirements__message{margin-block-end:1rem}#update_assistant .check-requirements__list{display:flex;flex-direction:column;gap:.5rem;margin-block-end:1rem}#update_assistant .check-requirements__requirement{padding-inline-start:2rem;background-repeat:no-repeat;background-position:left center;background-size:1.5rem 1.5rem;font-size:.875rem;line-height:1.4}#update_assistant .check-requirements__requirement--error{background-image:url("../img/close.svg")}#update_assistant .check-requirements__requirement--warning{background-image:url("../img/warning.svg")}#update_assistant .check-requirements__requirement--success{background-image:url("../img/check.svg")}#update_assistant .check-requirements--success{padding:0;background-color:rgba(0,0,0,0)}#update_assistant .require-star{color:var(--ua-required-color)}#update_assistant .form-group{margin-block-end:.5rem}#update_assistant label{font-size:.875rem;font-weight:500;line-height:1.4;margin-block-end:.25rem}#update_assistant select{appearance:none;background-image:url("../img/unfold_more.svg");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.125rem 1.125rem;padding-inline-end:2rem}#update_assistant .radio{--ua-radio-border-color: var(--ua-primary);--ua-radio-checked-background-color: var(--ua-primary);--ua-radio-checked-border-color: var(--ua-primary);--ua-radio-disabled-border-color: var(--ua-disabled-color);position:relative;margin:0;padding:0;width:1.25rem;height:1.25rem;background:rgba(0,0,0,0);background-clip:content-box;border:.125rem solid var(--ua-radio-border-color);border-radius:50%;outline:none;line-height:0;-webkit-appearance:none;cursor:pointer}#update_assistant .radio:checked{padding:.1875rem;background-color:var(--ua-radio-checked-background-color);border:.125rem solid var(--ua-radio-checked-border-color)}#update_assistant .radio:disabled{border-color:var(--ua-radio-disabled-border-color)}#update_assistant .render-field{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;padding-block-end:1rem;margin-block-end:1rem;border-block-end:.0625rem solid var(--ua-border-color);container-type:inline-size;container-name:render-field}#update_assistant .render-field__title{font-size:.875rem;line-height:1.4;font-weight:500;margin-block-end:0}#update_assistant .render-field__desc{font-size:.875rem;line-height:1.4;margin-block-end:0}#update_assistant .render-field__infos{display:flex;flex-direction:column;gap:.25rem;flex-grow:1;flex-basis:0}#update_assistant .render-field__action{flex-shrink:0}@container render-field (max-width: 400px){#update_assistant .render-field .render-field__infos{flex-basis:100%}}#update_assistant .prestashop-switch{display:flex;align-items:center;gap:1rem;margin:0;background-color:rgba(0,0,0,0);box-shadow:none}#update_assistant .prestashop-switch input{z-index:1;inset:0;margin:0;cursor:pointer}#update_assistant .prestashop-switch input:checked{z-index:0}#update_assistant .prestashop-switch input:first-of-type:checked~label:first-of-type{display:block}#update_assistant .prestashop-switch input:last-of-type:checked~label:last-of-type{display:block}#update_assistant .prestashop-switch input:first-of-type:checked~.slide-button::after{transform:translateX(0.875rem)}#update_assistant .prestashop-switch label{pointer-events:none;position:static;padding:0;margin:0;inset:auto;height:auto;display:none;font-weight:500;transform:none;color:var(--ua-base-text-color)}#update_assistant .prestashop-switch .slide-button{display:block;flex-shrink:0;z-index:0;position:relative;height:1.375rem;width:2.25rem;padding:.5rem 1rem;border:none;inset:auto;transform:none;border-radius:999px}#update_assistant .prestashop-switch .slide-button::after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.125rem;height:1.125rem;transform:none;border-radius:999px;background:var(--ua-white)}#update_assistant .logs{--ua-logs-height: 14rem;--ua-logs-background-color: var(--ua-muted-background-color);display:flex;flex-direction:column;gap:1rem;min-height:var(--ua-logs-height);max-height:100%;padding:1rem;background-color:var(--ua-logs-background-color);border-radius:var(--ua-border-radius)}#update_assistant .logs__scroll{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;gap:1rem;height:100%;overflow-y:auto}#update_assistant .logs__buttons{flex-shrink:0}#update_assistant .logs__list{display:flex;flex-direction:column;gap:.5rem}#update_assistant .logs__line{padding-inline-start:2rem;background-repeat:no-repeat;background-position:left center;background-size:1.5rem 1.5rem;font-size:.875rem;line-height:1.4}#update_assistant .logs__line--success{background-image:url("../img/check.svg")}#update_assistant .logs__line--warning{background-image:url("../img/warning.svg")}#update_assistant .logs__line--error{background-image:url("../img/close.svg")}#update_assistant .logs__summary-anchor{font-weight:700}#update_assistant .logs__summaries{display:flex;flex-direction:column;gap:1rem;padding-block-end:.5rem}#update_assistant .logs__summary-title{margin-block-end:0}#update_assistant .logs__summary{display:flex;flex-direction:column;gap:.5rem}#update_assistant .radio-card{--ua-radio-card-background-color: var(--ua-white);--ua-radio-card-title-color: var(--ua-base-text-color);--ua-radio-card-title-color-disabled: var(--ua-disabled-color);--ua-radio-card-message-color: #5e5e5e;--ua-radio-card-message-color-disabled: var(--ua-disabled-color);--ua-radio-card-disabled-message-color: var(--ua-white);--ua-radio-card-disabled-message-background-color: var(--ua-primary);--ua-radio-card-border-radius: var(--ua-border-radius);--ua-radio-card-border-color: var(--ua-border-color);--ua-radio-card-border-color-hover: var(--ua-primary);--ua-radio-card-border-color-active: var( --ua-radio-card-border-color-hover );--ua-radio-card-release-color: var(--ua-base-text-color);--ua-radio-card-release-border-color: var(--ua-border-color);--ua-radio-card-release-border-color-hover: var( --ua-radio-card-release-color );--ua-radio-card-badge-color: var(--ua-base-text-color);--ua-radio-card-badge-background-color: var(--ua-primary-200);--ua-radio-card-badge-border-color: var(--ua-border-color);--ua-radio-card-badge-major-background-color: var(--ua-purple-50);--ua-radio-card-badge-major-border-color: var(--ua-purple-500);--ua-radio-card-badge-minor-background-color: var(--ua-ocean-blue-50);--ua-radio-card-badge-minor-border-color: var(--ua-ocean-blue-500);all:unset;display:flex;gap:.5rem;padding:1rem;background-color:var(--ua-radio-card-background-color);border:.0625rem solid var(--ua-radio-card-border-color);border-radius:var(--ua-radio-card-border-radius);transition:border-color .15s}#update_assistant .radio-card:not(.radio-card--disabled):hover{border-color:var(--ua-radio-card-border-color-hover);cursor:pointer}#update_assistant .radio-card:has(input[type=radio]:checked){border-color:var(--ua-radio-card-border-color-active)}#update_assistant .radio-card__radio-wrapper{flex-shrink:0}#update_assistant .radio-card__infos-wrapper{flex-grow:1}#update_assistant .radio-card__infos-top{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}#update_assistant .radio-card__title{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-block:0;font-size:.875rem;font-weight:700;line-height:1.4;color:var(--ua-radio-card-title-color)}#update_assistant .radio-card__badge{flex-shrink:0;padding:.125rem .5rem;background-color:var(--ua-radio-card-badge-background-color);border:.0625rem solid var(--ua-radio-card-badge-border-color);border-radius:2rem;font-size:.75rem;font-weight:500;line-height:1.5;color:var(--ua-radio-card-badge-color)}#update_assistant .radio-card__badge--major{background-color:var(--ua-radio-card-badge-major-background-color);border-color:var(--ua-radio-card-badge-major-border-color)}#update_assistant .radio-card__badge--minor{background-color:var(--ua-radio-card-badge-minor-background-color);border-color:var(--ua-radio-card-badge-minor-border-color)}#update_assistant .radio-card__badge--patch{background-color:var(--ua-radio-card-badge-background-color);border-color:var(--ua-radio-card-badge-border-color)}#update_assistant .radio-card__message{margin-block:.5rem 0;font-size:.875rem;color:var(--ua-radio-card-message-color)}#update_assistant .radio-card__release-note{display:inline-flex;gap:.25rem;align-items:center;justify-content:flex-end;border-bottom:.0625rem solid var(--ua-radio-card-release-border-color);font-size:.875rem;line-height:1.4;color:var(--ua-radio-card-release-color);text-decoration:none;transition:border-color .15s}#update_assistant .radio-card__release-note:hover{border-color:var(--ua-radio-card-release-border-color-hover);text-decoration:none}#update_assistant .radio-card__release-note i{font-size:.875rem}#update_assistant .radio-card__disabled-message{position:absolute;inset:0;z-index:1;display:none;padding:1rem}#update_assistant .radio-card__disabled-message-placement{padding:.5rem .75rem;background-color:var(--ua-radio-card-disabled-message-background-color);border-radius:var(--ua-border-radius);font-size:.875rem;line-height:1.4em;color:var(--ua-radio-card-disabled-message-color)}#update_assistant .radio-card__local-archive{padding-block-start:.5rem}#update_assistant .radio-card--disabled{position:relative;cursor:not-allowed}#update_assistant .radio-card--disabled .radio-card__title{color:var(--ua-radio-card-title-color-disabled)}#update_assistant .radio-card--disabled .radio-card__message{color:var(--ua-radio-card-message-color-disabled)}#update_assistant .radio-card--disabled .radio-card__badge,#update_assistant .radio-card--disabled .radio-card__release-note{opacity:.4;pointer-events:none}#update_assistant .radio-card--disabled .radio-card__disabled-message{display:flex;align-items:center;justify-content:center}#update_assistant .stepper{--ua-step-number-size: 1.75rem;--ua-step-line-color: var(--ua-border-color);--ua-step-number-color: var(--ua-white);--ua-step-normal-background-color: var(--ua-primary-400);--ua-step-current-background-color: var(--ua-primary);--ua-step-done-background-color: var(--ua-green-50);display:grid;grid-auto-columns:minmax(7rem, 12rem);grid-auto-flow:column;align-items:flex-start;max-width:fit-content;padding-block-end:.5rem;margin:0 auto;overflow-x:auto}#update_assistant .stepper__step{position:relative;display:grid;flex-direction:column;gap:.25rem}#update_assistant .stepper__step:not(.stepper__step--last)::before{content:"";position:absolute;top:calc(var(--ua-step-number-size)/2);left:50%;z-index:0;display:block;width:100%;height:.0625rem;background-color:var(--ua-step-line-color)}#update_assistant .stepper__step--normal .stepper__step-number{background-color:var(--ua-step-normal-background-color)}#update_assistant .stepper__step--normal .stepper__step-number::before{content:attr(data-step-number)}#update_assistant .stepper__step--current .stepper__step-number{background-color:var(--ua-step-current-background-color)}#update_assistant .stepper__step--current .stepper__step-number::before{content:attr(data-step-number)}#update_assistant .stepper__step--done .stepper__step-number{background-color:var(--ua-step-done-background-color);background-image:url("../img/check.svg");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem}#update_assistant .stepper__step-number{z-index:1;display:block;width:var(--ua-step-number-size);height:var(--ua-step-number-size);margin:0 auto;background-color:var(--ua-step-normal-background-color);border-radius:50%;font-size:.875rem;line-height:var(--ua-step-number-size);color:var(--ua-step-number-color);text-align:center}#update_assistant .stepper__step-title{font-size:.75rem;line-height:1.5;text-align:center}.upgradestep{margin-right:5px;padding-left:10px;padding-right:5px}.processing{border:2px outset gray;margin-top:1px;overflow:auto}#infoStep{height:100px}#infoError{height:100px}#quickInfo{height:200px}#errorDuringUpgrade{color:#c00}#checkPrestaShopFilesVersion,#checkPrestaShopModifiedFiles{margin-bottom:20px}.changedFileList{margin-left:20px;padding-left:5px}.changedNotice li{color:gray}.changedImportant li{color:red;font-weight:bold}.upgradeDbError{background-color:#feefb3}.upgradeDbOk{background-color:#dff2bf}.small_label{font-weight:normal;width:300px;float:none;text-align:left;padding:0}.ocu-feature-list{margin:0;padding:0;list-style:none}.ocu-feature-list li{background:url(../img/admin/enabled.gif) no-repeat;padding-left:20px;margin:0}.label-small{width:130px}.margin-form-small{padding:0 0 1em 130px}.nextStep{font-weight:bold}#diffList,#changedList{margin-top:20px}#autoupgradePhpWarningMainIcon{font-size:3em}#autoupgradePhpWarn .icon-stack-text{color:#fff}.panel-heading{text-transform:uppercase}.required{color:#c00}/*# sourceMappingURL=styles.css.map */ +:root{--ua-white: #ffffff;--ua-black: #000000;--ua-primary-800: var(--cdk-primary-800, #1d1d1b);--ua-primary-700: var(--cdk-primary-700, #3f3f3d);--ua-primary-500: var(--cdk-primary-500, #bbbbbb);--ua-primary-400: var(--cdk-primary-400, #dddddd);--ua-primary-200: var(--cdk-primary-200, #f7f7f7);--ua-purple-500: var(--cdk-purple-500, #decde7);--ua-purple-50: var(--cdk-purple-50, #f8f0f7);--ua-ocean-blue-700: var(--cdk-ocean-blue-700, #5c92aa);--ua-ocean-blue-500: var(--cdk-ocean-blue-500, #a4dbe8);--ua-ocean-blue-50: var(--cdk-ocean-blue-50, #e4f4f8);--ua-blue-500: var(--cdk-blue-500, #174eef);--ua-blue-50: var(--cdk-blue-50, #e8edfd);--ua-green-500: var(--cdk-green-500, #207f4b);--ua-green-50: var(--cdk-green-50, #eaf8ef);--ua-yellow-500: var(--cdk-yellow-500, #ffa000);--ua-yellow-50: var(--cdk-yellow-50, #fff5e5);--ua-red-500: var(--cdk-red-500, #ba151a);--ua-red-50: var(--cdk-red-50, #ffe4e6);--ua-border-radius: 0;--ua-base-text-color: var(--ua-primary-800);--ua-disabled-color: var(--ua-primary-500);--ua-border-color: var(--ua-primary-400);--ua-required-color: var(--ua-red-500);--ua-primary: var(--ua-primary-800);--ua-primary-hover: var(--ua-primary-700);--ua-muted-background-color: var(--ua-primary-200)}.v1-7-8-0{--ua-border-radius: 0.5rem;--ua-primary: #25b9d7;--ua-primary-hover: #1a8196;--ua-base-text-color: #555555;--ua-blue-500: #25b9d7;--ua-blue-50: #beeaf3;--ua-green-500: #53d572;--ua-green-50: #cbf2d4;--ua-yellow-500: #fab000;--ua-yellow-50: #fffbd3;--ua-red-500: #f44336;--ua-red-50: #fbc6c3}.v1-7-3-0{--ua-border-radius: 0.3125rem;--ua-primary: #00aff0;--ua-primary-hover: #008abd;--ua-base-text-color: #555555;--ua-blue-500: #4ac7e0;--ua-blue-50: #dcf4f9;--ua-green-500: #72c279;--ua-green-50: #ddf0de;--ua-yellow-500: #fcc94f;--ua-yellow-50: #fff3d7;--ua-red-500: #eab3b7;--ua-red-50: #ffe2e4}#update_assistant{--ua-typography-color: var(--ua-base-text-color);--ua-link-color: var(--ua-primary);--ua-link-color-hover: var(--ua-primary-hover)}#update_assistant h1,#update_assistant h2,#update_assistant h3,#update_assistant h4,#update_assistant h5,#update_assistant h6,#update_assistant .h1,#update_assistant .h2,#update_assistant .h3,#update_assistant .h4,#update_assistant .h5,#update_assistant .h6{color:var(--ua-typography-color)}#update_assistant .h1{margin-block:0 1.5rem;font-size:1.5rem;font-weight:600}#update_assistant .h2{margin-block:0 1rem;font-size:1.25rem;font-weight:600}#update_assistant .h3{margin-block:0 .5rem;font-size:1.125rem;font-weight:600}#update_assistant p{font-size:.875rem}#update_assistant a.link{color:var(--ua-link-color);text-decoration:underline;text-underline-offset:.125rem;transition:text-underline-offset .15s}#update_assistant a.link:hover{color:var(--ua-link-color-hover);text-decoration-color:var(--ua-link-color-hover);text-underline-offset:.25rem}#update_assistant{--ua-alert-info-button-background-color-hover: var(--ua-blue-500);--ua-alert-success-button-background-color-hover: var(--ua-green-500);--ua-alert-warning-button-background-color-hover: var(--ua-yellow-500);--ua-alert-danger-button-background-color-hover: var(--ua-red-500)}#update_assistant .alert{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;margin-block-end:0;border:none}#update_assistant .alert__title{margin-block:0;font-size:1.125rem;font-weight:600;line-height:1;color:var(--ua-base-text-color)}#update_assistant .alert__message{margin-block:0;font-size:.875rem;line-height:1.4;color:var(--ua-base-text-color)}#update_assistant .alert__infos{display:flex;flex-basis:70%;flex-direction:column;flex-grow:1;gap:.5rem}#update_assistant .alert__link{background-color:rgba(0,0,0,0);color:var(--ua-base-text-color);text-decoration:none;white-space:normal}#update_assistant .alert__link:hover.btn-info{background-color:var(--ua-alert-info-button-background-color-hover);border-color:var(--ua-alert-info-button-background-color-hover);color:var(--ua-white)}#update_assistant .alert__link:hover.btn-success{background-color:var(--ua-alert-success-button-background-color-hover);border-color:var(--ua-alert-success-button-background-color-hover);color:var(--ua-white)}#update_assistant .alert__link:hover.btn-warning{background-color:var(--ua-alert-warning-button-background-color-hover);border-color:var(--ua-alert-warning-button-background-color-hover);color:var(--ua-white)}#update_assistant .alert__link:hover.btn-danger{background-color:var(--ua-alert-danger-button-background-color-hover);border-color:var(--ua-alert-danger-button-background-color-hover);color:var(--ua-white)}#update_assistant .btn{display:inline-flex;gap:.5rem;align-items:center;font-weight:500 !important}#update_assistant .btn .material-icons{line-height:1;font-size:1.25rem}#update_assistant .btn-lg{font-size:1rem}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#update_assistant .check-requirements{--ua-requirements-background-color: var(--ua-muted-background-color);--ua-requirements-loader-color: var(--ua-base-text-color);--ua-requirements-loader-dot-color: var(--ua-ocean-blue-700);--ua-requirements-loader-gradient-color: var(--ua-ocean-blue-500);padding:1rem;margin-block-start:.5rem;background-color:var(--ua-requirements-background-color);border-radius:var(--ua-border-radius)}#update_assistant .check-requirements__loader{position:relative;width:1.625rem;height:1.625rem;margin-block-end:1rem;margin-inline:auto;background:linear-gradient(var(--ua-requirements-background-color), var(--ua-requirements-background-color)) padding-box,conic-gradient(from 0, transparent, var(--ua-requirements-loader-gradient-color)) border-box;border:.1875rem solid rgba(0,0,0,0);border-radius:100%;text-align:center;animation:rotate 1.5s linear infinite}#update_assistant .check-requirements__loader::before{content:"";position:absolute;top:0;left:50%;display:block;width:.1875rem;height:.1875rem;background:var(--ua-requirements-loader-dot-color);border-radius:50%;transform:translate(-50%, -100%)}#update_assistant .check-requirements__loader-title{font-size:.875rem;font-weight:700;line-height:1.4;color:var(--ua-requirements-loader-color);text-align:center}#update_assistant .check-requirements__message{margin-block-end:1rem}#update_assistant .check-requirements__list{display:flex;flex-direction:column;gap:.5rem;margin-block-end:1rem}#update_assistant .check-requirements__requirement{padding-inline-start:2rem;background-repeat:no-repeat;background-position:left center;background-size:1.5rem 1.5rem;font-size:.875rem;line-height:1.4}#update_assistant .check-requirements__requirement--error{background-image:url("../img/close.svg")}#update_assistant .check-requirements__requirement--warning{background-image:url("../img/warning.svg")}#update_assistant .check-requirements__requirement--success{background-image:url("../img/check.svg")}#update_assistant .check-requirements--success{padding:0;background-color:rgba(0,0,0,0)}#update_assistant .require-star{color:var(--ua-required-color)}#update_assistant .form-group{margin-block-end:.5rem}#update_assistant label{margin-block-end:.25rem;font-size:.875rem;font-weight:500;line-height:1.4}#update_assistant select{padding-inline-end:2rem;background-image:url("../img/unfold_more.svg");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.125rem 1.125rem;appearance:none}#update_assistant .radio{--ua-radio-border-color: var(--ua-primary);--ua-radio-checked-background-color: var(--ua-primary);--ua-radio-checked-border-color: var(--ua-primary);--ua-radio-disabled-border-color: var(--ua-disabled-color);position:relative;width:1.25rem;height:1.25rem;padding:0;margin:0;background:rgba(0,0,0,0);background-clip:content-box;border:.125rem solid var(--ua-radio-border-color);border-radius:50%;outline:none;line-height:0;-webkit-appearance:none;cursor:pointer}#update_assistant .radio:checked{padding:.1875rem;background-color:var(--ua-radio-checked-background-color);border:.125rem solid var(--ua-radio-checked-border-color)}#update_assistant .radio:disabled{border-color:var(--ua-radio-disabled-border-color)}#update_assistant .render-field{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;padding-block-end:1rem;margin-block-end:1rem;border-block-end:.0625rem solid var(--ua-border-color);container-type:inline-size;container-name:render-field}#update_assistant .render-field__title{margin-block-end:0;font-size:.875rem;font-weight:500;line-height:1.4}#update_assistant .render-field__desc{margin-block-end:0;font-size:.875rem;line-height:1.4}#update_assistant .render-field__infos{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;gap:.25rem}@container render-field (max-width: 400px){#update_assistant .render-field .render-field__infos{flex-basis:100%}}#update_assistant .prestashop-switch{display:flex;gap:1rem;align-items:center;margin:0;background-color:rgba(0,0,0,0);box-shadow:none}#update_assistant .prestashop-switch input{inset:0;z-index:1;margin:0;cursor:pointer}#update_assistant .prestashop-switch input:checked{z-index:0}#update_assistant .prestashop-switch input:first-of-type:checked~label:first-of-type{display:block}#update_assistant .prestashop-switch input:last-of-type:checked~label:last-of-type{display:block}#update_assistant .prestashop-switch input:first-of-type:checked~.slide-button::after{transform:translateX(0.875rem)}#update_assistant .prestashop-switch label{position:static;inset:auto;display:none;height:auto;padding:0;margin:0;font-weight:500;color:var(--ua-base-text-color);pointer-events:none;transform:none}#update_assistant .prestashop-switch .slide-button{position:relative;inset:auto;z-index:0;display:block;flex-shrink:0;width:2.25rem;height:1.375rem;padding:.5rem 1rem;border:none;border-radius:999px;transform:none}#update_assistant .prestashop-switch .slide-button::after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.125rem;height:1.125rem;background:var(--ua-white);border-radius:999px;transform:none}#update_assistant .logs{--ua-logs-height: 14rem;--ua-logs-background-color: var(--ua-muted-background-color);display:flex;flex-direction:column;gap:1rem;min-height:var(--ua-logs-height);max-height:100%;padding:1rem;background-color:var(--ua-logs-background-color);border-radius:var(--ua-border-radius)}#update_assistant .logs__scroll{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;gap:1rem;height:100%;overflow-y:auto}#update_assistant .logs__buttons{flex-shrink:0}#update_assistant .logs__list{display:flex;flex-direction:column;gap:.5rem}#update_assistant .logs__line{padding-inline-start:2rem;background-repeat:no-repeat;background-position:left center;background-size:1.5rem 1.5rem;font-size:.875rem;line-height:1.4}#update_assistant .logs__line--success{background-image:url("../img/check.svg")}#update_assistant .logs__line--warning{background-image:url("../img/warning.svg")}#update_assistant .logs__line--error{background-image:url("../img/close.svg")}#update_assistant .logs__summary-anchor{font-weight:700}#update_assistant .logs__summaries{display:flex;flex-direction:column;gap:1rem;padding-block-end:.5rem}#update_assistant .logs__summary-title{margin-block-end:0}#update_assistant .logs__summary{display:flex;flex-direction:column;gap:.5rem}#update_assistant .radio-card{--ua-radio-card-background-color: var(--ua-white);--ua-radio-card-title-color: var(--ua-base-text-color);--ua-radio-card-title-color-disabled: var(--ua-disabled-color);--ua-radio-card-message-color: #5e5e5e;--ua-radio-card-message-color-disabled: var(--ua-disabled-color);--ua-radio-card-disabled-message-color: var(--ua-white);--ua-radio-card-disabled-message-background-color: var(--ua-primary);--ua-radio-card-border-radius: var(--ua-border-radius);--ua-radio-card-border-color: var(--ua-border-color);--ua-radio-card-border-color-hover: var(--ua-primary);--ua-radio-card-border-color-active: var( --ua-radio-card-border-color-hover );--ua-radio-card-release-color: var(--ua-base-text-color);--ua-radio-card-release-border-color: var(--ua-border-color);--ua-radio-card-release-border-color-hover: var( --ua-radio-card-release-color );--ua-radio-card-badge-color: var(--ua-base-text-color);--ua-radio-card-badge-background-color: var(--ua-primary-200);--ua-radio-card-badge-border-color: var(--ua-border-color);--ua-radio-card-badge-major-background-color: var(--ua-purple-50);--ua-radio-card-badge-major-border-color: var(--ua-purple-500);--ua-radio-card-badge-minor-background-color: var(--ua-ocean-blue-50);--ua-radio-card-badge-minor-border-color: var(--ua-ocean-blue-500);all:unset;display:flex;gap:.5rem;padding:1rem;background-color:var(--ua-radio-card-background-color);border:.0625rem solid var(--ua-radio-card-border-color);border-radius:var(--ua-radio-card-border-radius);transition:border-color .15s}#update_assistant .radio-card:not(.radio-card--disabled):hover{border-color:var(--ua-radio-card-border-color-hover);cursor:pointer}#update_assistant .radio-card:has(input[type=radio]:checked){border-color:var(--ua-radio-card-border-color-active)}#update_assistant .radio-card__radio-wrapper{flex-shrink:0}#update_assistant .radio-card__infos-wrapper{flex-grow:1}#update_assistant .radio-card__infos-top{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}#update_assistant .radio-card__title{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-block:0;font-size:.875rem;font-weight:700;line-height:1.4;color:var(--ua-radio-card-title-color)}#update_assistant .radio-card__badge{flex-shrink:0;padding:.125rem .5rem;background-color:var(--ua-radio-card-badge-background-color);border:.0625rem solid var(--ua-radio-card-badge-border-color);border-radius:2rem;font-size:.75rem;font-weight:500;line-height:1.5;color:var(--ua-radio-card-badge-color)}#update_assistant .radio-card__badge--major{background-color:var(--ua-radio-card-badge-major-background-color);border-color:var(--ua-radio-card-badge-major-border-color)}#update_assistant .radio-card__badge--minor{background-color:var(--ua-radio-card-badge-minor-background-color);border-color:var(--ua-radio-card-badge-minor-border-color)}#update_assistant .radio-card__badge--patch{background-color:var(--ua-radio-card-badge-background-color);border-color:var(--ua-radio-card-badge-border-color)}#update_assistant .radio-card__message{margin-block:.5rem 0;font-size:.875rem;color:var(--ua-radio-card-message-color)}#update_assistant .radio-card__release-note{display:inline-flex;gap:.25rem;align-items:center;justify-content:flex-end;border-bottom:.0625rem solid var(--ua-radio-card-release-border-color);font-size:.875rem;line-height:1.4;color:var(--ua-radio-card-release-color);text-decoration:none;transition:border-color .15s}#update_assistant .radio-card__release-note:hover{border-color:var(--ua-radio-card-release-border-color-hover);text-decoration:none}#update_assistant .radio-card__release-note i{font-size:.875rem}#update_assistant .radio-card__disabled-message{position:absolute;inset:0;z-index:1;display:none;padding:1rem}#update_assistant .radio-card__disabled-message-placement{padding:.5rem .75rem;background-color:var(--ua-radio-card-disabled-message-background-color);border-radius:var(--ua-border-radius);font-size:.875rem;line-height:1.4em;color:var(--ua-radio-card-disabled-message-color)}#update_assistant .radio-card__local-archive{padding-block-start:.5rem}#update_assistant .radio-card--disabled{position:relative;cursor:not-allowed}#update_assistant .radio-card--disabled .radio-card__title{color:var(--ua-radio-card-title-color-disabled)}#update_assistant .radio-card--disabled .radio-card__message{color:var(--ua-radio-card-message-color-disabled)}#update_assistant .radio-card--disabled .radio-card__badge,#update_assistant .radio-card--disabled .radio-card__release-note{opacity:.4;pointer-events:none}#update_assistant .radio-card--disabled .radio-card__disabled-message{display:flex;align-items:center;justify-content:center}#update_assistant .stepper{--ua-step-number-size: 1.75rem;--ua-step-line-color: var(--ua-border-color);--ua-step-number-color: var(--ua-white);--ua-step-normal-background-color: var(--ua-primary-400);--ua-step-current-background-color: var(--ua-primary);--ua-step-done-background-color: var(--ua-green-50);display:grid;grid-auto-columns:minmax(7rem, 12rem);grid-auto-flow:column;align-items:flex-start;max-width:fit-content;padding-block-end:.5rem;margin:0 auto;overflow-x:auto}#update_assistant .stepper__step{position:relative;display:grid;flex-direction:column;gap:.25rem}#update_assistant .stepper__step:not(.stepper__step--last)::before{content:"";position:absolute;top:calc(var(--ua-step-number-size)/2);left:50%;z-index:0;display:block;width:100%;height:.0625rem;background-color:var(--ua-step-line-color)}#update_assistant .stepper__step--normal .stepper__step-number{background-color:var(--ua-step-normal-background-color)}#update_assistant .stepper__step--normal .stepper__step-number::before{content:attr(data-step-number)}#update_assistant .stepper__step--current .stepper__step-number{background-color:var(--ua-step-current-background-color)}#update_assistant .stepper__step--current .stepper__step-number::before{content:attr(data-step-number)}#update_assistant .stepper__step--done .stepper__step-number{background-color:var(--ua-step-done-background-color);background-image:url("../img/check.svg");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem}#update_assistant .stepper__step-number{z-index:1;display:block;width:var(--ua-step-number-size);height:var(--ua-step-number-size);margin:0 auto;background-color:var(--ua-step-normal-background-color);border-radius:50%;font-size:.875rem;line-height:var(--ua-step-number-size);color:var(--ua-step-number-color);text-align:center}#update_assistant .stepper__step-title{font-size:.75rem;line-height:1.5;text-align:center}#ua__main{display:grid;gap:2rem}#ua__container{display:grid;gap:2rem;padding:4rem;background-color:var(--ua-white)}.upgradestep{padding-right:5px;padding-left:10px;margin-right:5px}.processing{margin-top:1px;overflow:auto;border:2px outset gray}#infoStep{height:100px}#infoError{height:100px}#quickInfo{height:200px}#errorDuringUpgrade{color:#c00}#checkPrestaShopFilesVersion,#checkPrestaShopModifiedFiles{margin-bottom:20px}.changedFileList{padding-left:5px;margin-left:20px}.changedNotice li{color:gray}.changedImportant li{font-weight:700;color:red}.upgradeDbError{background-color:#feefb3}.upgradeDbOk{background-color:#dff2bf}.small_label{float:none;width:300px;padding:0;font-weight:400;text-align:left}.ocu-feature-list{padding:0;margin:0;list-style:none}.ocu-feature-list li{padding-left:20px;margin:0;background:url("../img/admin/enabled.gif") no-repeat}.label-small{width:130px}.margin-form-small{padding:0 0 1em 130px}.nextStep{font-weight:700}#diffList,#changedList{margin-top:20px}#autoupgradePhpWarningMainIcon{font-size:3em}#autoupgradePhpWarn .icon-stack-text{color:#fff}.panel-heading{text-transform:uppercase}.required{color:#c00}/*# sourceMappingURL=styles.css.map */ diff --git a/css/styles.css.map b/css/styles.css.map index 3b11ac3db..9240c6849 100644 --- a/css/styles.css.map +++ b/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_variables.scss","../scss/components/_typography.scss","../scss/components/_alert.scss","../scss/components/_button.scss","../scss/_mixins.scss","../scss/components/_check-requirements.scss","../scss/components/form/_form.scss","../scss/components/form/_radio.scss","../scss/components/form/_render-field.scss","../scss/components/form/_switch.scss","../scss/components/_logs.scss","../scss/components/_radio-card.scss","../scss/components/_stepper.scss","../scss/styles.scss"],"names":[],"mappings":"AAOA,MAEE,oBACA,oBACA,kDACA,kDACA,kDACA,kDACA,kDACA,gDACA,8CACA,wDACA,wDACA,sDACA,4CACA,0CACA,8CACA,4CACA,gDACA,8CACA,0CACA,wCAGA,sBACA,4CACA,2CACA,yCACA,uCACA,oCACA,0CACA,mDAIF,UACE,2BACA,sBACA,4BACA,8BACA,uBACA,sBACA,wBACA,uBACA,yBACA,wBACA,sBACA,qBAIF,UACE,8BACA,sBACA,4BACA,8BACA,uBACA,sBACA,wBACA,uBACA,yBACA,wBACA,sBACA,qBCpEF,kBACE,iDACA,mCACA,+CAEA,kQAYE,iCAGF,sBACE,sBACA,iBACA,gBAGF,sBACE,oBACA,kBACA,gBAGF,sBACE,qBACA,mBACA,gBAGF,oBACE,kBAGF,yBACE,2BACA,0BACA,8BACA,sCAEA,+BACE,iCACA,iDACA,6BCjDN,kBACE,kEACA,sEACA,uEACA,mEACA,yBACE,aACA,eACA,SACA,uBACA,mBACA,YAEA,gCACE,eACA,mBACA,gBACA,cACA,gCAGF,kCACE,eACA,kBACA,gBACA,gCAGF,gCACE,aACA,eACA,sBACA,YACA,UAGF,iCACE,cAGF,+BACE,+BACA,gCACA,qBAGE,8CACE,oEACA,gEACA,sBAGF,iDACE,uEACA,mEACA,sBAGF,iDACE,uEACA,mEACA,sBAGF,gDACE,sEACA,kEACA,sBClER,uBACE,oBACA,mBAEA,uCACE,cCTN,kBACE,KACE,uBAEF,GACE,gECCA,qEACA,0DACA,6DACA,kEACA,aACA,yBACA,yDACA,sCAEA,8CACE,kBACA,eACA,gBACA,sBACA,mBACA,WACE,2MAOF,oCACA,mBACA,kBACA,sCAEA,sDACE,WACA,kBACA,MACA,SACA,cACA,eACA,gBACA,mDACA,kBACA,iCAIJ,oDACE,kBACA,gBACA,gBACA,0CACA,kBAGF,+CACE,sBAGF,4CACE,aACA,sBACA,UACA,sBAGF,mDACE,0BACA,4BACA,gCACA,8BACA,kBACA,gBAEA,0DACE,yCAGF,4DACE,2CAGF,4DACE,yCAIJ,+CACE,UACA,+BCxFJ,gCACE,+BAIA,8BACE,uBAIJ,wBACE,kBACA,gBACA,gBACA,wBAGF,yBACE,gBACA,+CACA,uCACA,4BACA,kCACA,wBCrBF,yBACE,2CACA,uDACA,mDACA,2DACA,kBACA,SACA,UACA,cACA,eACA,yBACA,4BACA,kDACA,kBACA,aACA,cACA,wBACA,eAEA,iCACE,iBACA,0DACA,0DAGF,kCACE,mDC1BJ,gCACE,aACA,eACA,uBACA,SACA,uBACA,sBACA,uDACA,2BACA,4BAEA,uCACE,kBACA,gBACA,gBACA,mBAGF,sCACE,kBACA,gBACA,mBAGF,uCACE,aACA,sBACA,WACA,YACA,aAGF,wCACE,cAIF,2CACE,qDACE,iBCvCN,qCACE,aACA,mBACA,SACA,SACA,+BACA,gBAGA,2CACE,UACA,QACA,SACA,eAEA,mDACE,UAGF,qFACE,cAGF,mFACE,cAGF,sFACE,+BAIJ,2CACE,oBACA,gBACA,UACA,SACA,WACA,YACA,aACA,gBACA,eACA,gCAGF,mDACE,cACA,cACA,UACA,kBACA,gBACA,cACA,mBACA,YACA,WACA,eACA,oBAEA,0DACE,WACA,kBACA,YACA,aACA,eACA,gBACA,eACA,oBACA,2BCnEN,wBACE,wBACA,6DACA,aACA,sBACA,SACA,iCACA,gBACA,aACA,iDACA,sCAEA,gCACE,aACA,sBACA,YACA,cACA,SACA,YACA,gBAGF,iCACE,cAGF,8BACE,aACA,sBACA,UAGF,8BACE,0BACA,4BACA,gCACA,8BACA,kBACA,gBAEA,uCACE,yCAGF,uCACE,2CAGF,qCACE,yCAIJ,wCACE,gBAGF,mCACE,aACA,sBACA,SACA,wBAGF,uCACE,mBAGF,iCACE,aACA,sBACA,UCvEJ,8BACE,kDACA,uDACA,+DACA,uCACA,iEACA,wDACA,qEACA,uDACA,qDACA,sDACA,+EAGA,yDACA,6DACA,iFAGA,uDACA,8DACA,2DACA,kEACA,+DACA,sEACA,mEACA,UACA,aACA,UACA,aACA,uDACA,wDACA,iDACA,6BAGE,+DACE,qDACA,eAIJ,6DACE,sDAGF,6CACE,cAGF,6CACE,YAGF,yCACE,aACA,eACA,UACA,mBACA,8BAGF,qCACE,oBACA,eACA,UACA,mBACA,eACA,kBACA,gBACA,gBACA,uCAGF,qCACE,cACA,sBACA,6DACA,8DACA,mBACA,iBACA,gBACA,gBACA,uCAEA,4CACE,mEACA,2DAGF,4CACE,mEACA,2DAGF,4CACE,6DACA,qDAIJ,uCACE,qBACA,kBACA,yCAGF,4CACE,oBACA,WACA,mBACA,yBACA,uEACA,kBACA,gBACA,yCACA,qBACA,6BAEA,kDACE,6DACA,qBAGF,8CACE,kBAIJ,gDACE,kBACA,QACA,UACA,aACA,aAGF,0DACE,qBACA,wEACA,sCACA,kBACA,kBACA,kDAGF,6CACE,0BAGF,wCACE,kBACA,mBAEA,2DACE,gDAGF,6DACE,kDAGF,6HAEE,WACA,oBAGF,sEACE,aACA,mBACA,uBC3KN,2BACE,+BACA,6CACA,wCACA,yDACA,sDACA,oDACA,aACA,sCACA,sBACA,uBACA,sBACA,wBACA,cACA,gBAEA,iCACE,kBACA,aACA,sBACA,WAGE,mEACE,WACA,kBACA,uCACA,SACA,UACA,cACA,WACA,gBACA,2CAKF,+DACE,wDAEA,uEACE,+BAMJ,gEACE,yDAEA,wEACE,+BAMJ,6DACE,sDACA,yCACA,4BACA,kCACA,0BAKN,wCACE,UACA,cACA,iCACA,kCACA,cACA,wDACA,kBACA,kBACA,uCACA,kCACA,kBAGF,uCACE,iBACA,gBACA,kBCtFN,aACE,iBACA,kBACA,kBAEF,YACE,uBACA,eACA,cAEF,UACE,aAEF,WACE,aAEF,WACE,aAEF,oBACE,WAEF,2DAEE,mBAEF,iBACE,iBACA,iBAEF,kBACE,WAEF,qBACE,UACA,iBAEF,gBACE,yBAEF,aACE,yBAEF,aACE,mBACA,YACA,WACA,gBACA,UAEF,kBACE,SACA,UACA,gBAEF,qBACE,mDACA,kBACA,SAEF,aACE,YAEF,mBACE,sBAEF,UACE,iBAEF,uBAEE,gBAEF,+BACE,cAEF,qCACE,WAEF,eACE,yBAEF,UACE","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/_variables.scss","../scss/components/_typography.scss","../scss/components/_alert.scss","../scss/components/_button.scss","../scss/_mixins.scss","../scss/components/_check-requirements.scss","../scss/components/form/_form.scss","../scss/components/form/_radio.scss","../scss/components/form/_render-field.scss","../scss/components/form/_switch.scss","../scss/components/_logs.scss","../scss/components/_radio-card.scss","../scss/components/_stepper.scss","../scss/layouts/_layout.scss","../scss/styles.scss"],"names":[],"mappings":"AAOA,MAEE,oBACA,oBACA,kDACA,kDACA,kDACA,kDACA,kDACA,gDACA,8CACA,wDACA,wDACA,sDACA,4CACA,0CACA,8CACA,4CACA,gDACA,8CACA,0CACA,wCAGA,sBACA,4CACA,2CACA,yCACA,uCACA,oCACA,0CACA,mDAIF,UACE,2BACA,sBACA,4BACA,8BACA,uBACA,sBACA,wBACA,uBACA,yBACA,wBACA,sBACA,qBAIF,UACE,8BACA,sBACA,4BACA,8BACA,uBACA,sBACA,wBACA,uBACA,yBACA,wBACA,sBACA,qBCpEF,kBACE,iDACA,mCACA,+CAEA,kQAYE,iCAGF,sBACE,sBACA,iBACA,gBAGF,sBACE,oBACA,kBACA,gBAGF,sBACE,qBACA,mBACA,gBAGF,oBACE,kBAGF,yBACE,2BACA,0BACA,8BACA,sCAEA,+BACE,iCACA,iDACA,6BCjDN,kBACE,kEACA,sEACA,uEACA,mEACA,yBACE,aACA,eACA,SACA,uBACA,mBACA,YAEA,gCACE,eACA,mBACA,gBACA,cACA,gCAGF,kCACE,eACA,kBACA,gBACA,gCAGF,gCACE,aACA,eACA,sBACA,YACA,UAGF,+BACE,+BACA,gCACA,qBACA,mBAGE,8CACE,oEACA,gEACA,sBAGF,iDACE,uEACA,mEACA,sBAGF,iDACE,uEACA,mEACA,sBAGF,gDACE,sEACA,kEACA,sBC/DR,uBACE,oBACA,UACA,mBACA,2BAEA,uCACE,cACA,kBAGF,0BACE,eChBN,kBACE,KACE,uBAGF,GACE,0BCDF,sCACE,qEACA,0DACA,6DACA,kEACA,aACA,yBACA,yDACA,sCAEA,8CACE,kBACA,eACA,gBACA,sBACA,mBACA,WACE,2MAOF,oCACA,mBACA,kBACA,sCAEA,sDACE,WACA,kBACA,MACA,SACA,cACA,eACA,gBACA,mDACA,kBACA,iCAIJ,oDACE,kBACA,gBACA,gBACA,0CACA,kBAGF,+CACE,sBAGF,4CACE,aACA,sBACA,UACA,sBAGF,mDACE,0BACA,4BACA,gCACA,8BACA,kBACA,gBAEA,0DACE,yCAGF,4DACE,2CAGF,4DACE,yCAIJ,+CACE,UACA,+BCxFJ,gCACE,+BAIA,8BACE,uBAIJ,wBACE,wBACA,kBACA,gBACA,gBAGF,yBACE,wBACA,+CACA,4BACA,uCACA,kCACA,gBCrBF,yBACE,2CACA,uDACA,mDACA,2DACA,kBACA,cACA,eACA,UACA,SACA,yBACA,4BACA,kDACA,kBACA,aACA,cACA,wBACA,eAEA,iCACE,iBACA,0DACA,0DAGF,kCACE,mDC1BJ,gCACE,aACA,eACA,SACA,uBACA,uBACA,sBACA,uDACA,2BACA,4BAEA,uCACE,mBACA,kBACA,gBACA,gBAGF,sCACE,mBACA,kBACA,gBAGF,uCACE,aACA,aACA,sBACA,YACA,WAGF,2CACE,qDACE,iBClCN,qCACE,aACA,SACA,mBACA,SACA,+BACA,gBAGA,2CACE,QACA,UACA,SACA,eAEA,mDACE,UAGF,qFACE,cAGF,mFACE,cAGF,sFACE,+BAIJ,2CACE,gBACA,WACA,aACA,YACA,UACA,SACA,gBACA,gCACA,oBACA,eAGF,mDACE,kBACA,WACA,UACA,cACA,cACA,cACA,gBACA,mBACA,YACA,oBACA,eAEA,0DACE,WACA,kBACA,YACA,aACA,eACA,gBACA,2BACA,oBACA,eCnEN,wBACE,wBACA,6DACA,aACA,sBACA,SACA,iCACA,gBACA,aACA,iDACA,sCAEA,gCACE,aACA,sBACA,YACA,cACA,SACA,YACA,gBAGF,iCACE,cAGF,8BACE,aACA,sBACA,UAGF,8BACE,0BACA,4BACA,gCACA,8BACA,kBACA,gBAEA,uCACE,yCAGF,uCACE,2CAGF,qCACE,yCAIJ,wCACE,gBAGF,mCACE,aACA,sBACA,SACA,wBAGF,uCACE,mBAGF,iCACE,aACA,sBACA,UCvEJ,8BACE,kDACA,uDACA,+DACA,uCACA,iEACA,wDACA,qEACA,uDACA,qDACA,sDACA,+EAGA,yDACA,6DACA,iFAGA,uDACA,8DACA,2DACA,kEACA,+DACA,sEACA,mEACA,UACA,aACA,UACA,aACA,uDACA,wDACA,iDACA,6BAGE,+DACE,qDACA,eAIJ,6DACE,sDAGF,6CACE,cAGF,6CACE,YAGF,yCACE,aACA,eACA,UACA,mBACA,8BAGF,qCACE,oBACA,eACA,UACA,mBACA,eACA,kBACA,gBACA,gBACA,uCAGF,qCACE,cACA,sBACA,6DACA,8DACA,mBACA,iBACA,gBACA,gBACA,uCAEA,4CACE,mEACA,2DAGF,4CACE,mEACA,2DAGF,4CACE,6DACA,qDAIJ,uCACE,qBACA,kBACA,yCAGF,4CACE,oBACA,WACA,mBACA,yBACA,uEACA,kBACA,gBACA,yCACA,qBACA,6BAEA,kDACE,6DACA,qBAGF,8CACE,kBAIJ,gDACE,kBACA,QACA,UACA,aACA,aAGF,0DACE,qBACA,wEACA,sCACA,kBACA,kBACA,kDAGF,6CACE,0BAGF,wCACE,kBACA,mBAEA,2DACE,gDAGF,6DACE,kDAGF,6HAEE,WACA,oBAGF,sEACE,aACA,mBACA,uBC3KN,2BACE,+BACA,6CACA,wCACA,yDACA,sDACA,oDACA,aACA,sCACA,sBACA,uBACA,sBACA,wBACA,cACA,gBAEA,iCACE,kBACA,aACA,sBACA,WAGE,mEACE,WACA,kBACA,uCACA,SACA,UACA,cACA,WACA,gBACA,2CAKF,+DACE,wDAEA,uEACE,+BAMJ,gEACE,yDAEA,wEACE,+BAMJ,6DACE,sDACA,yCACA,4BACA,kCACA,0BAKN,wCACE,UACA,cACA,iCACA,kCACA,cACA,wDACA,kBACA,kBACA,uCACA,kCACA,kBAGF,uCACE,iBACA,gBACA,kBCpFJ,UACE,aACA,SAGF,eACE,aACA,SACA,aACA,iCCXJ,aACE,kBACA,kBACA,iBAGF,YACE,eACA,cACA,uBAGF,UACE,aAGF,WACE,aAGF,WACE,aAGF,oBACE,WAGF,2DAEE,mBAGF,iBACE,iBACA,iBAGF,kBACE,WAGF,qBACE,gBACA,UAGF,gBACE,yBAGF,aACE,yBAGF,aACE,WACA,YACA,UACA,gBACA,gBAGF,kBACE,UACA,SACA,gBAGF,qBACE,kBACA,SACA,qDAGF,aACE,YAGF,mBACE,sBAGF,UACE,gBAGF,uBAEE,gBAGF,+BACE,cAGF,qCACE,WAGF,eACE,yBAGF,UACE","file":"styles.css"} \ No newline at end of file diff --git a/scss/_layout.scss b/scss/_layout.scss deleted file mode 100644 index 0022b7f23..000000000 --- a/scss/_layout.scss +++ /dev/null @@ -1 +0,0 @@ -// For later diff --git a/scss/components/_button.scss b/scss/components/_button.scss index 7469b84a7..08d966b70 100644 --- a/scss/components/_button.scss +++ b/scss/components/_button.scss @@ -5,10 +5,17 @@ $e: ".btn"; #{$ua-id} { #{$e} { display: inline-flex; + gap: 0.5rem; align-items: center; + font-weight: 500; .material-icons { + font-size: 1.25rem; line-height: 1; } + + &-lg { + font-size: 1rem; + } } } diff --git a/scss/layouts/_index.scss b/scss/layouts/_index.scss new file mode 100644 index 000000000..42bd0881b --- /dev/null +++ b/scss/layouts/_index.scss @@ -0,0 +1,2 @@ +@use "layout"; +@use "welcome"; diff --git a/scss/layouts/_layout.scss b/scss/layouts/_layout.scss new file mode 100644 index 000000000..b53bb4f03 --- /dev/null +++ b/scss/layouts/_layout.scss @@ -0,0 +1,17 @@ +@use "../variables" as *; + +$e: "#ua"; + +#{$e} { + &__main { + display: grid; + gap: 2rem; + } + + &__container { + display: grid; + gap: 2rem; + padding: 4rem; + background-color: var(--#{$ua-prefix}white); + } +} diff --git a/scss/layouts/_welcome.scss b/scss/layouts/_welcome.scss new file mode 100644 index 000000000..499ee09e8 --- /dev/null +++ b/scss/layouts/_welcome.scss @@ -0,0 +1,9 @@ +@use "../variables" as *; + +$e: ".welcome-page"; + +#{$ua-id} { + #{$e} { + + } +} diff --git a/scss/styles.scss b/scss/styles.scss index 860baeb29..c47889648 100644 --- a/scss/styles.scss +++ b/scss/styles.scss @@ -1,5 +1,5 @@ @use "components"; -@use "layout"; +@use "layouts"; .upgradestep { padding-right: 5px; diff --git a/storybook/stories/layouts/Page.stories.js b/storybook/stories/layouts/Page.stories.js new file mode 100644 index 000000000..74f42a78a --- /dev/null +++ b/storybook/stories/layouts/Page.stories.js @@ -0,0 +1,38 @@ +/** + * Copyright since 2007 PrestaShop SA and Contributors + * PrestaShop is an International Registered Trademark & Property of PrestaShop SA + * + * NOTICE OF LICENSE + * + * This source file is subject to the Academic Free License 3.0 (AFL-3.0) + * that is bundled with this package in the file LICENSE.md. + * It is also available through the world-wide-web at this URL: + * https://opensource.org/licenses/AFL-3.0 + * If you did not receive a copy of the license and are unable to + * obtain it through the world-wide-web, please send an email + * to license@prestashop.com so we can send you a copy immediately. + * + * DISCLAIMER + * + * Do not edit or add to this file if you wish to upgrade PrestaShop to newer + * versions in the future. If you wish to customize PrestaShop for your + * needs please refer to https://devdocs.prestashop.com/ for more information. + * + * @author PrestaShop SA and Contributors + * @copyright Since 2007 PrestaShop SA and Contributors + * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) + */ + +import PageLayout from "../../../views/templates/layouts/page.html.twig"; +import Stepper from "../components/Stepper.stories"; + +export default { + title: "Layouts/Pages/Base", // Title for the Storybook category + component: PageLayout, // Default component + args: { + ...Stepper.args, // Default args spread from Stepper if needed + }, +}; + +// Default story for PageLayout +export const Default = {}; diff --git a/storybook/stories/layouts/Welcome.stories.js b/storybook/stories/layouts/Welcome.stories.js new file mode 100644 index 000000000..8772d1309 --- /dev/null +++ b/storybook/stories/layouts/Welcome.stories.js @@ -0,0 +1,38 @@ +/** + * Copyright since 2007 PrestaShop SA and Contributors + * PrestaShop is an International Registered Trademark & Property of PrestaShop SA + * + * NOTICE OF LICENSE + * + * This source file is subject to the Academic Free License 3.0 (AFL-3.0) + * that is bundled with this package in the file LICENSE.md. + * It is also available through the world-wide-web at this URL: + * https://opensource.org/licenses/AFL-3.0 + * If you did not receive a copy of the license and are unable to + * obtain it through the world-wide-web, please send an email + * to license@prestashop.com so we can send you a copy immediately. + * + * DISCLAIMER + * + * Do not edit or add to this file if you wish to upgrade PrestaShop to newer + * versions in the future. If you wish to customize PrestaShop for your + * needs please refer to https://devdocs.prestashop.com/ for more information. + * + * @author PrestaShop SA and Contributors + * @copyright Since 2007 PrestaShop SA and Contributors + * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) + */ + +import WelcomeLayout from "../../../views/templates/layouts/welcome.html.twig"; +import RadioCard from "../components/RadioCard.stories"; + +export default { + title: "Layouts/Pages/Welcome", // Title for the Storybook category + component: WelcomeLayout, // Default component + args: { + ...RadioCard.args, + }, +}; + +// Default story for PageLayout +export const Default = {}; diff --git a/views/templates/components/render-bool.html.twig b/views/templates/components/render-bool.html.twig index 8fc6b27b1..155063465 100644 --- a/views/templates/components/render-bool.html.twig +++ b/views/templates/components/render-bool.html.twig @@ -1,4 +1,3 @@ -{# bool_field.html.twig #} {% extends '@ModuleAutoUpgrade/components/render-field.html.twig' %} {% block action_content %} diff --git a/views/templates/components/render-select.html.twig b/views/templates/components/render-select.html.twig index 4088acb18..06a575f0c 100644 --- a/views/templates/components/render-select.html.twig +++ b/views/templates/components/render-select.html.twig @@ -1,4 +1,3 @@ -{# bool_field.html.twig #} {% extends '@ModuleAutoUpgrade/components/render-field.html.twig' %} {% block action_content %} diff --git a/views/templates/layouts/page.html.twig b/views/templates/layouts/page.html.twig new file mode 100644 index 000000000..7931b5bb6 --- /dev/null +++ b/views/templates/layouts/page.html.twig @@ -0,0 +1,33 @@ +{% block update_assistant %} +
+ {% block stepper %} +
+ {% include '@ModuleAutoUpgrade/components/stepper.html.twig' %} +
+ {% endblock %} + + {% block container %} +
+ {% block container_inner %} +
+ {% block title %} + {# Default title or leave empty for child templates to provide #} + {% endblock %} +
+ +
+ {% block content %} + {# Default content or leave empty for child templates to provide #} + {% endblock %} +
+ +
+ {% block buttons %} + {# Default buttons or leave empty for child templates to provide #} + {% endblock %} +
+ {% endblock %} +
+ {% endblock %} +
+{% endblock %} diff --git a/views/templates/layouts/welcome.html.twig b/views/templates/layouts/welcome.html.twig new file mode 100644 index 000000000..fb2daf780 --- /dev/null +++ b/views/templates/layouts/welcome.html.twig @@ -0,0 +1,33 @@ +{% extends '@ModuleAutoUpgrade/layouts/page.html.twig' %} + +{% block stepper %}{% endblock %} + +{% block page_class %}welcome-page{% endblock %} + +{% block title %} +

Welcome to PrestaShop Update Assistant

+{% endblock %} + +{% block content %} + {% include '@ModuleAutoUpgrade/components/radio-card.html.twig' with { + checked: true, + title: "Update your store", + message: "Update your store to benefit from the latest improvements, bug fixes and security patches.", + badgeLabel: "", + releaseNote: "", + } %} + {% include '@ModuleAutoUpgrade/components/radio-card.html.twig' with { + checked: true, + title: "Restore from a backup", + message: "Use this feature if the update failed or if your store or a module is no longer working properly.", + disabled: true, + badgeLabel: "", + releaseNote: "", + } %} +{% endblock %} + +{% block buttons %} + +{% endblock %}