From 7b6162c834e6555b130885e87b7c2d49e061a41c Mon Sep 17 00:00:00 2001 From: Yves Gatesoupe Date: Fri, 3 Jun 2016 10:12:55 +0200 Subject: [PATCH 1/4] fix(component): stepbar 1px arrow border parametric color svg new mobile view --- docs-orange/_includes/boostwatch/stepbar.html | 80 ++++++++++++- docs-orange/components/orange-stepbar.md | 3 - docs-orange/examples/orange-form/index.html | 3 +- scss/_custom.scss | 1 + scss/_o-footer.scss | 2 +- scss/_o-step_bar.scss | 113 +++++++++--------- 6 files changed, 140 insertions(+), 62 deletions(-) diff --git a/docs-orange/_includes/boostwatch/stepbar.html b/docs-orange/_includes/boostwatch/stepbar.html index ccec0337e4..7a66709194 100644 --- a/docs-orange/_includes/boostwatch/stepbar.html +++ b/docs-orange/_includes/boostwatch/stepbar.html @@ -1,11 +1,48 @@

Stepbar

Indicate the current step within a sequential navigation.

-

Default stepbar

+
+ +
+ +
+
+ +
+ +
+ +
diff --git a/docs-orange/components/orange-stepbar.md b/docs-orange/components/orange-stepbar.md index dd159d6edd..89a5592f18 100644 --- a/docs-orange/components/orange-stepbar.md +++ b/docs-orange/components/orange-stepbar.md @@ -12,13 +12,10 @@ Declare a `.o-stepbar` nav tag contaning the stepbar. Within a `
    `ordered lis Use `.done` and `.current` classes in correct order. There is only one `.current` item. Fill a correct description on each `.stepbar-link` `title`attributes. -In mobile view a `.stepbar-header` is needed before the list, Orange brand labels it "Step". - Be carful to choose short labels when using 5 steps process, otherwise label will be cut to preserve inline layout. More information can be carried on the `title`attributle of the ``link. {% example html %}