From bf17c2bee21481efd899f0a3cc7d26ef2ad5c89d Mon Sep 17 00:00:00 2001 From: Thomas JUND Date: Mon, 6 Sep 2021 15:52:15 +0200 Subject: [PATCH] malakoff: update wcs buttons * change order * change previous and cancel color * add arrows --- static/malakoff/_custom.scss | 34 +++++++++++++++++++++++++++++++++- static/malakoff/_vars.scss | 1 + 2 files changed, 34 insertions(+), 1 deletion(-) diff --git a/static/malakoff/_custom.scss b/static/malakoff/_custom.scss index aacdcbe..b855721 100644 --- a/static/malakoff/_custom.scss +++ b/static/malakoff/_custom.scss @@ -287,6 +287,38 @@ div#services > ul > li > strong > a, } } +%cancel-button { + background-color: white; + color: $link-color; + &:hover { + background-color: $link-color; + color: white; + } +} + +div.buttons { + .previous-button button { + @extend %cancel-button; + &:before { + content: "←"; + font-family: "sans-serif"; + margin-right: .33em; + vertical-align: 0.05em; + } + } + .submit-button button { + &::after { + content: "→"; + font-family: "sans-serif"; + margin-left: .33em; + vertical-align: 0.05em; + + } + } + +} + + #footer { min-height: 130px; padding: 20px 0px 10px 0px; @@ -493,4 +525,4 @@ div#services > ul > li > strong > a, } } } -} \ No newline at end of file +} diff --git a/static/malakoff/_vars.scss b/static/malakoff/_vars.scss index 7009d7b..21533b1 100644 --- a/static/malakoff/_vars.scss +++ b/static/malakoff/_vars.scss @@ -35,6 +35,7 @@ $button-border: 2px solid $link-color; $button-background: $link-color; $button-hover-background: white; $button-hover-color: $link-color; +$buttons-order: previous (grow), cancel, submit; $wcs-steps-spacing: 0.7rem; $wcs-step-background: #fff;