diff --git a/css/styles.css b/css/styles.css index 3d95b7e9e..139abb086 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 .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__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 */ diff --git a/css/styles.css.map b/css/styles.css.map index d938557f2..3b11ac3db 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/_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,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/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 diff --git a/package.json b/package.json index cbfc2ec6d..e994b748b 100644 --- a/package.json +++ b/package.json @@ -8,8 +8,8 @@ }, "scripts": { "build": "npx prettier --write scss && sass --style compressed --source-map scss/styles.scss:css/styles.css", - "lint:scss": "npx stylelint scss/**/*.scss", - "lint-fix:scss": "npx stylelint --fix scss/**/*.scss", + "lint:scss": "npx stylelint 'scss/**/*.scss'", + "lint-fix:scss": "npx stylelint --fix 'scss/**/*.scss'", "prettier": "npx prettier --write scss", "prettier-check": "npx prettier --check scss", "watch": "sass --watch --style compressed --source-map scss/styles.scss:css/styles.css", diff --git a/scss/_layout.scss b/scss/_layout.scss index e69de29bb..0022b7f23 100644 --- a/scss/_layout.scss +++ b/scss/_layout.scss @@ -0,0 +1 @@ +// For later diff --git a/scss/_mixins.scss b/scss/_mixins.scss index c5a812491..12c9ba13a 100644 --- a/scss/_mixins.scss +++ b/scss/_mixins.scss @@ -3,6 +3,7 @@ from { transform: rotate(0deg); } + to { transform: rotate(360deg); } diff --git a/scss/components/_alert.scss b/scss/components/_alert.scss index 21b9d7cae..671a688c0 100644 --- a/scss/components/_alert.scss +++ b/scss/components/_alert.scss @@ -38,14 +38,11 @@ $e: ".alert"; gap: 0.5rem; } - &__action { - flex-shrink: 0; - } - &__link { background-color: transparent; color: var(--#{$ua-prefix}base-text-color); text-decoration: none; + white-space: normal; &:hover { &.btn-info { diff --git a/scss/components/form/_form.scss b/scss/components/form/_form.scss index 4a129d087..c15f04a94 100644 --- a/scss/components/form/_form.scss +++ b/scss/components/form/_form.scss @@ -12,18 +12,18 @@ } label { + margin-block-end: 0.25rem; font-size: 0.875rem; font-weight: 500; line-height: 1.4; - margin-block-end: 0.25rem; } select { - appearance: none; + padding-inline-end: 2rem; background-image: url("../img/unfold_more.svg"); - background-position: right 0.5rem center; background-repeat: no-repeat; + background-position: right 0.5rem center; background-size: 1.125rem 1.125rem; - padding-inline-end: 2rem; + appearance: none; } } diff --git a/scss/components/form/_index.scss b/scss/components/form/_index.scss index 8be602cee..134f95ecf 100644 --- a/scss/components/form/_index.scss +++ b/scss/components/form/_index.scss @@ -1,2 +1,4 @@ @use "form"; @use "radio"; +@use "render-field"; +@use "switch"; diff --git a/scss/components/form/_radio.scss b/scss/components/form/_radio.scss index c923735c5..0c66682e3 100644 --- a/scss/components/form/_radio.scss +++ b/scss/components/form/_radio.scss @@ -9,10 +9,10 @@ $e: ".radio"; --#{$ua-prefix}radio-checked-border-color: var(--#{$ua-prefix}primary); --#{$ua-prefix}radio-disabled-border-color: var(--#{$ua-prefix}disabled-color); position: relative; - margin: 0; - padding: 0; width: 1.25rem; height: 1.25rem; + padding: 0; + margin: 0; background: transparent; background-clip: content-box; border: 0.125rem solid var(--#{$ua-prefix}radio-border-color); diff --git a/scss/components/form/_render-field.scss b/scss/components/form/_render-field.scss new file mode 100644 index 000000000..343dc893f --- /dev/null +++ b/scss/components/form/_render-field.scss @@ -0,0 +1,44 @@ +@use "../../variables" as *; + +$e: ".render-field"; + +#{$ua-id} { + #{$e} { + display: flex; + flex-wrap: wrap; + gap: 1rem; + align-items: flex-start; + padding-block-end: 1rem; + margin-block-end: 1rem; + border-block-end: 0.0625rem solid var(--#{$ua-prefix}border-color); + container-type: inline-size; + container-name: render-field; + + &__title { + margin-block-end: 0; + font-size: 0.875rem; + font-weight: 500; + line-height: 1.4; + } + + &__desc { + margin-block-end: 0; + font-size: 0.875rem; + line-height: 1.4; + } + + &__infos { + display: flex; + flex-basis: 0; + flex-direction: column; + flex-grow: 1; + gap: 0.25rem; + } + + @container render-field (max-width: 400px) { + #{$e}__infos { + flex-basis: 100%; + } + } + } +} diff --git a/scss/components/form/_switch.scss b/scss/components/form/_switch.scss new file mode 100644 index 000000000..ceb44c504 --- /dev/null +++ b/scss/components/form/_switch.scss @@ -0,0 +1,77 @@ +@use "../../variables" as *; + +$e: ".prestashop-switch"; + +#{$ua-id} { + #{$e} { + display: flex; + gap: 1rem; + align-items: center; + margin: 0; + background-color: transparent; + box-shadow: none; + + // Custom switch ugly harmonization + input { + inset: 0; + z-index: 1; + margin: 0; + cursor: pointer; + + &:checked { + z-index: 0; + } + + &:first-of-type:checked ~ label:first-of-type { + display: block; + } + + &:last-of-type:checked ~ label:last-of-type { + display: block; + } + + &:first-of-type:checked ~ .slide-button::after { + transform: translateX(0.875rem); + } + } + + label { + position: static; + inset: auto; + display: none; + height: auto; + padding: 0; + margin: 0; + font-weight: 500; + color: var(--#{$ua-prefix}base-text-color); + pointer-events: none; + transform: none; + } + + .slide-button { + position: relative; + inset: auto; + z-index: 0; + display: block; + flex-shrink: 0; + width: 2.25rem; + height: 1.375rem; + padding: 0.5rem 1rem; + border: none; + border-radius: 999px; + transform: none; + + &::after { + content: ""; + position: absolute; + top: 0.125rem; + left: 0.125rem; + width: 1.125rem; + height: 1.125rem; + background: var(--#{$ua-prefix}white); + border-radius: 999px; + transform: none; + } + } + } +} diff --git a/scss/styles.scss b/scss/styles.scss index 388704da9..860baeb29 100644 --- a/scss/styles.scss +++ b/scss/styles.scss @@ -2,87 +2,109 @@ @use "layout"; .upgradestep { - margin-right: 5px; - padding-left: 10px; padding-right: 5px; + padding-left: 10px; + margin-right: 5px; } + .processing { - border: 2px outset gray; margin-top: 1px; overflow: auto; + border: 2px outset gray; } + #infoStep { height: 100px; } + #infoError { height: 100px; } + #quickInfo { height: 200px; } + #errorDuringUpgrade { color: #cc0000; } + #checkPrestaShopFilesVersion, #checkPrestaShopModifiedFiles { margin-bottom: 20px; } + .changedFileList { - margin-left: 20px; padding-left: 5px; + margin-left: 20px; } + .changedNotice li { color: gray; } + .changedImportant li { + font-weight: 700; 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; + width: 300px; padding: 0; + font-weight: 400; + text-align: left; } + .ocu-feature-list { - margin: 0; padding: 0; + margin: 0; list-style: none; } + .ocu-feature-list li { - background: url(../img/admin/enabled.gif) no-repeat; 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: bold; + font-weight: 700; } + #diffList, #changedList { margin-top: 20px; } + #autoupgradePhpWarningMainIcon { font-size: 3em; } + #autoupgradePhpWarn .icon-stack-text { color: white; } + .panel-heading { text-transform: uppercase; } + .required { color: #cc0000; } diff --git a/storybook/stories/components/RenderBool.stories.js b/storybook/stories/components/RenderBool.stories.js new file mode 100644 index 000000000..22d4315d1 --- /dev/null +++ b/storybook/stories/components/RenderBool.stories.js @@ -0,0 +1,56 @@ +/** + * 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 RenderBool from "../../../views/templates/components/render-bool.html.twig"; + +export default { + title: "Components/Render Fields/RenderBool", + component: RenderBool, + argTypes: { + type: { + control: 'select', + options: ['disabled', 'bool', 'radio', 'select', 'textarea', 'container', 'container_end', 'text'], + defaultValue: 'bool', + }, + }, + args: { + field: { + id: "deactivate_modules", + title: "Deactivate non-native modules", + desc: "All the modules installed after creating your store are considered non-native modules. They might be incompatible with the new version of PrestaShop. We recommend deactivating them during the update.", + js: { + on: 'onclick="enableFeature()"', + off: 'onclick="disableFeature()"', + }, + type: 'bool', + required: true, + disabled: true, + }, + key: "PS_AUTOUP_CUSTOM_MOD_DESACT", + val: true, + }, +}; + +export const Default = {}; diff --git a/storybook/stories/components/RenderSelect.stories.js b/storybook/stories/components/RenderSelect.stories.js new file mode 100644 index 000000000..d2fb8ab7c --- /dev/null +++ b/storybook/stories/components/RenderSelect.stories.js @@ -0,0 +1,57 @@ +/** + * 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 RenderSelect from "../../../views/templates/components/render-select.html.twig"; + +export default { + title: "Components/Render Fields/RenderSelect", + component: RenderSelect, + argTypes: { + type: { + control: 'select', + options: ['disabled', 'bool', 'radio', 'select', 'textarea', 'container', 'container_end', 'text'], + defaultValue: 'select', + }, + }, + args: { + field: { + id: "switch_theme", + title: "Switch the theme", + desc: "Custom themes may cause compatibility issues. We recommend using a default theme during the update and change it afterwards.", + choices: { + 0: "Keep the actual theme", + 1: "Upgrade the default theme", + 2: "Do nothing", + }, + type: 'select', + required: true, + disabled: false, + }, + key: "PS_SWITCH_THEME", + val: "1", + }, +}; + +export const Default = {}; diff --git a/views/templates/components/render-bool.html.twig b/views/templates/components/render-bool.html.twig new file mode 100644 index 000000000..8fc6b27b1 --- /dev/null +++ b/views/templates/components/render-bool.html.twig @@ -0,0 +1,18 @@ +{# bool_field.html.twig #} +{% extends '@ModuleAutoUpgrade/components/render-field.html.twig' %} + +{% block action_content %} + + + + + + + +{% endblock %} diff --git a/views/templates/components/render-field.html.twig b/views/templates/components/render-field.html.twig new file mode 100644 index 000000000..1d36d4ebe --- /dev/null +++ b/views/templates/components/render-field.html.twig @@ -0,0 +1,15 @@ +
+
+

+ {{ field.title }} {% if field.required %}*{% endif %} +

+

{{ field.desc }}

+
+ +
+ {% block action_content %} + {# Default content can go here, or it can be left empty for children to override #} + {% endblock %} +
+
diff --git a/views/templates/components/render-select.html.twig b/views/templates/components/render-select.html.twig new file mode 100644 index 000000000..4088acb18 --- /dev/null +++ b/views/templates/components/render-select.html.twig @@ -0,0 +1,14 @@ +{# bool_field.html.twig #} +{% extends '@ModuleAutoUpgrade/components/render-field.html.twig' %} + +{% block action_content %} + + + +{% endblock %}