Add a border between the display selected service and provider provider

This commit is contained in:
Alex Tselegidis 2022-01-24 21:23:41 +01:00
parent 9271c21fba
commit d4d7fd13d0
4 changed files with 7 additions and 3 deletions

View file

@ -32,6 +32,7 @@
<?php endif; ?> <?php endif; ?>
</div> </div>
<div class="d-flex justify-content-center">
<?php if ($display_terms_and_conditions): ?> <?php if ($display_terms_and_conditions): ?>
<div class="form-check mb-3"> <div class="form-check mb-3">
<input type="checkbox" class="required form-check-input" id="accept-to-terms-and-conditions"> <input type="checkbox" class="required form-check-input" id="accept-to-terms-and-conditions">
@ -59,6 +60,7 @@
</label> </label>
</div> </div>
<?php endif ?> <?php endif ?>
</div>
<div class="command-buttons"> <div class="command-buttons">
<button type="button" id="button-back-4" class="btn button-back btn-outline-secondary" <button type="button" id="button-back-4" class="btn button-back btn-outline-secondary"

View file

@ -15,11 +15,11 @@
</span> </span>
<div class="d-flex justify-content-center justify-content-md-start"> <div class="d-flex justify-content-center justify-content-md-start">
<span class="display-selected-service me-2 invisible"> <span class="display-selected-service me-1 pe-1 border-end invisible">
[<?= lang('service') ?>] <?= lang('service') ?>
</span> </span>
<span class="display-selected-provider invisible"> <span class="display-selected-provider invisible">
[<?= lang('provider') ?>] <?= lang('provider') ?>
</span> </span>
</div> </div>
</div> </div>

View file

@ -32,6 +32,7 @@
#book-appointment-wizard #company-name .display-selected-service, #book-appointment-wizard #company-name .display-selected-service,
#book-appointment-wizard #company-name .display-selected-provider { #book-appointment-wizard #company-name .display-selected-provider {
color: <?= $company_color ?>; color: <?= $company_color ?>;
border-color: <?= $company_color ?> !important;
filter: brightness(50%); filter: brightness(50%);
} }

View file

@ -61,6 +61,7 @@ body {
.display-selected-service, .display-selected-service,
.display-selected-provider { .display-selected-provider {
color: #225d4d; color: #225d4d;
border-color: #225d4d;
font-size: 60%; font-size: 60%;
font-weight: normal; font-weight: normal;
} }