Skip to content

Commit

Permalink
Moved checkout standard CSS/JS to own files
Browse files Browse the repository at this point in the history
  • Loading branch information
@aimeos
aimeos committed Jan 7, 2022
1 parent e2df56e commit 566433f
Show file tree
Hide file tree
Showing 5 changed files with 517 additions and 515 deletions.
6 changes: 4 additions & 2 deletions client/html/templates/checkout/standard/header-standard.php
View file
Expand Up @@ -5,11 +5,13 @@
* @copyright Aimeos (aimeos.org), 2015-2022
*/


$enc = $this->encoder();


?>
<title><?= $this->translate( 'client', $this->get( 'standardStepActive' ) ) ?> | <?= $enc->html( $this->get( 'contextSiteLabel', 'Aimeos' ) ) ?></title>

<?= $this->get( 'standardHeader' );
<link rel="stylesheet" href="<?= $enc->attr( $this->content( $this->get( 'contextSite', 'default' ) . '/checkout-standard.css', 'fs-theme' ) ) ?>">
<script defer src="<?= $enc->attr( $this->content( $this->get( 'contextSite', 'default' ) . '/checkout-standard.js', 'fs-theme' ) ) ?>"></script>

<?= $this->get( 'standardHeader' ) ?>
360 changes: 0 additions & 360 deletions client/html/themes/default/aimeos.css
View file
Expand Up @@ -354,20 +354,6 @@ body .main-section {
text-decoration: none;
}

.aimeos .checkout-standard-summary-option-terms a:link:not(.btn),
.aimeos .checkout-standard-summary-option-terms a:visited:not(.btn) {
color: #282828;
color: var(--ai-primary, #282828);
text-decoration: underline;
}

.aimeos .checkout-standard-summary-option-terms a:link:not(.btn):hover,
.aimeos .checkout-standard-summary-option-terms a:visited:not(.btn):hover {
color: #555;
color: var(--ai-secondary, #555);
text-decoration: underline;
}


.aimeos input {
border: 1px solid #D0D0D0;
Expand Down Expand Up @@ -1161,287 +1147,6 @@ input[type="range"]::-moz-range-progress {
}


/* Basket */


/* Checkout */
.checkout-standard .steps {
font-weight: bold;
text-align: center;
counter-reset: step;
padding: 0 0 3rem 0;
}

.checkout-standard .steps a {
text-decoration: none;
}

.checkout-standard .steps .active {
color: #A00000;
color: var(--ai-primary, #A00000);
border-bottom: solid 1px #555;
border-bottom-color: var(--ai-secondary, #555);
}

.checkout-standard .steps .current {
color: #FFF;
color: var(--ai-bg-alt, #FFF);
background-color: #555;
background-color: var(--ai-secondary, #555);
border-bottom: solid 1px #555;
border-bottom-color: var(--ai-secondary, #555);
}

.checkout-standard .steps .order,
.checkout-standard .steps .process {
display: none;
}

.checkout-standard .step {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 19%;
color: #D0D0D0;
color: var(--ai-light, #D0D0D0);
border-bottom: solid 1px #555;
border-bottom-color: var(--ai-secondary, #555);
vertical-align: baseline;
}

.checkout-standard .step:before {
content: counter(step) ". ";
counter-increment: step;
}

.checkout-standard .form-list .mandatory {
font-weight: bold;
}

.checkout-standard .form-list .mandatory > label:after {
content: " *";
}

.checkout-standard .item-service .description {
display: inline-block;
vertical-align: top;
min-width: 240px;
max-width: 480px;
padding: 0.5rem 0;
width: 100%;
}

.checkout-standard .item-service .description h2 {
font-size: 110%;
}

.checkout-standard .item-service .description .short {
font-weight: bold;
padding: 0.5rem 0;
}

.checkout-standard .item-service .description .long {
padding: 0.5rem 0;
}

.checkout-standard .item-service .description h2,
.checkout-standard .item-service .description p {
margin: 0 1rem;
}

.checkout-standard .item-service .description h2,
.checkout-standard .item-service .icons {
display: inline-block;
}

.checkout-standard .item-service .icons img {
max-height: 4rem;
margin: 0 1rem;
}

.checkout-standard .item-service .option {
margin: 1rem;
}

.checkout-standard .item-service .price-value {
float: right;
margin: 1rem;
font-size: 100%;
}

[dir="rtl"] .checkout-standard .item-service .price-value {
float: left;
}

.checkout-standard .button-group {
display: none;
}

.checkout-standard section:last-child .button-group {
display: block;
}

/* Checkout address */
.checkout-standard-address h2 {
padding: 1%;
letter-spacing: 1.5px;
}

.checkout-standard-address .item-address {
padding: 1%;
}

.checkout-standard-address .item-address .header {
border: 1px solid;
border-color: #F6F6F6;
border-color: var(--ai-bg-light, #F6F6F6);
padding: 1rem;
position: relative;
}

.checkout-standard-address .minibutton.delete {
position: absolute;
right: 1%;
top: 1%;
}

.checkout-standard-address .item-address .modify {
float: right;
}

[dir="rtl"] .checkout-standard-address .item-address .modify {
float: left;
}

.checkout-standard-address .item-address .header input {
display: inline-block;
vertical-align: middle;
border: none;
margin: 0;
margin-inline-end: 1rem;
}

.checkout-standard-address .item-address .values {
display: inline-block;
margin: 0;
letter-spacing: 1.5px;
}

.checkout-standard .form-list .mandatory,
.checkout-standard .form-list .optional,
.checkout-standard .form-list .hidden,
.checkout-standard .form-list .error,
.checkout-standard .attr-list .mandatory,
.checkout-standard .attr-list .optional,
.checkout-standard .attr-list .hidden,
.checkout-standard .attr-list .error {
clear: both;
}

.checkout-standard-address .form-list .form-item {
display: none;
}

.checkout-standard-address .form-list .mandatory,
.checkout-standard-address .form-list .optional {
display: flex;
}

.checkout-standard-address .form-list .hidden {
display: none;
}

.checkout-standard-address .form-list .mandatory label:after {
content: "*";
}

.checkout-standard .form-list .error {
color: #FF3300;
color: var(--ai-danger, #FF3300);
}

.checkout-standard .form-list .error a {
color: #FF3300;
color: var(--ai-danger, #FF3300);
}

.checkout-standard .form-list .error input,
.checkout-standard .form-list .error select {
border-bottom: solid 1px #FF3300;
border-bottom-color: var(--ai-danger, #FF3300);
}

.checkout-standard .item-service .icon {
display: inline-block;
}

.checkout-standard .item-service li.form-item {
padding-top: 0;
}

.checkout-standard .item-service .form-item-value input {
display: none;
}

.checkout-standard .item-service .form-item-value label {
display: block;
}

.checkout-standard .item-service .form-item-value input:checked + label {
border-left: 2px solid #CCCCCC;
border-left-color: var(--ai-light, #CCCCCC);
background-color: #F8F8F8;
background-color: var(--ai-bg-light, #CCCCCC);
}

/* Checkout delivery/payment */
.checkout-standard-delivery .note,
.checkout-standard-payment .note {
padding: 0 0 1rem 0;
}

.checkout-standard-delivery h2,
.checkout-standard-payment h2 {
font-size: 1rem;
}

.checkout-standard-delivery .item,
.checkout-standard-payment .item {
border: 1px solid #D0D0D0;
border-color: var(--ai-light, #D0D0D0);
margin: 1rem 0.5rem;
text-align: start;
}

.checkout-standard-delivery .item-service .price-value,
.checkout-standard-payment .item-service .price-value {
margin: 1.25rem;
}

/* Checkout summary */
.checkout-standard-summary h3 {
display: inline-block;
font-size: 1rem;
margin: 0;
}

.checkout-standard-summary a:hover {
text-decoration: underline;
}

.checkout-standard-summary .note {
padding: 0 0 1rem 0;
}

.checkout-standard-summary .modify {
float: right;
}

[dir="rtl"] .checkout-standard-summary .modify {
float: left;
}


/* Common summary */
.aimeos .common-summary .error,
.aimeos .common-summary-detail .error {
Expand Down Expand Up @@ -1688,71 +1393,6 @@ input[type="range"]::-moz-range-progress {
}


/* Checkout summary option terms */
.checkout-standard-summary-option {
padding-top: 0.5rem;
padding-bottom: 1rem;
}

.checkout-standard-summary-option h3 {
margin: 0;
padding: 0.5rem;
display: block;
}

.checkout-standard-summary-option p {
display: inline;
margin-inline-start: 1rem;
}

.checkout-standard-summary-option .single {
padding: 0.5rem 0;
}

.checkout-standard-summary-option label,
.checkout-standard-summary-option input {
display: inline;
}

.checkout-standard-summary-option input[type="checkbox"] {
margin-inline-start: 0.5rem;
}


/* Checkout order */
.checkout-standard-order {
padding: 0;
padding-inline-start: 1rem;
}

.checkout-standard-order .form-list .mandatory {
font-weight: bold;
display: list-item;
}

.checkout-standard-process {
text-align: center;
}

.checkout-standard-process p {
margin: 1rem 0;
}

.checkout-standard-process .form-list {
text-align: start;
max-width: 30rem;
margin: auto;
}

.checkout-standard-process .button-group {
display: block;
}

.checkout-standard {
min-width: 240px;
margin: 0 auto;
}

/* Account profile */
.account-profile-address h2 {
margin: 8px 15px;
Expand Down

0 comments on commit 566433f

Please sign in to comment.