raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add a success class for step that are already validated

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2021-08-03 16:57:09 +02:00
committed by Matt-Yorkley
parent 623753a745
commit 66892ed51a
2 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/stylesheets/darkswarm/split-checkout.scss
View File

@@ -26,6 +26,25 @@
text-decoration: underline;
}
}
&.success {
border-bottom: 5px solid $clr-turquoise-bright;
span {
&:after {
content: '✓';
background-color: $clr-turquoise-bright;
color: $white;
border-radius: 50%;
width: 1em;
height: 1em;
line-height: 1em;
display: inline-block;
font-family: $base-font-family;
margin-left: 10px;
}
}
}
}
.checkout-step {

4
app/views/split_checkout/_tabs.html.haml
View File

@@ -1,8 +1,8 @@
%div.flex
%div.columns.three.text-center.checkout-tab{"class": ("selected" if @checkout_step == "details")}
%div.columns.three.text-center.checkout-tab{"class": [("selected" if @checkout_step == "details"), ("success" unless @checkout_step == "details")]}
%span
= t("split_checkout.your_details")
%div.columns.three.text-center.checkout-tab{"class": ("selected" if @checkout_step == "payment")}
%div.columns.three.text-center.checkout-tab{"class": [("selected" if @checkout_step == "payment"), ("success" if @checkout_step == "summary")]}
%span
= t("split_checkout.payment_method")
%div.columns.three.text-center.checkout-tab{"class": ("selected" if @checkout_step == "summary")}