From f85d54cb140184f7c8122147eeea825bd0d220f3 Mon Sep 17 00:00:00 2001 From: Amanda Pinsker Date: Thu, 2 Nov 2017 17:35:39 -0700 Subject: [PATCH] Add support for all container classes; add support for right + actions --- .../primer-navigation/lib/underline-nav.scss | 9 +- modules/primer-navigation/stories.js | 82 +++++++++++++++++++ 2 files changed, 90 insertions(+), 1 deletion(-) diff --git a/modules/primer-navigation/lib/underline-nav.scss b/modules/primer-navigation/lib/underline-nav.scss index 7ab9ae37..955183a4 100644 --- a/modules/primer-navigation/lib/underline-nav.scss +++ b/modules/primer-navigation/lib/underline-nav.scss @@ -57,6 +57,10 @@ margin-right: 0; margin-left: $spacer-3; } + + .UnderlineNav-actions { + flex: 1 1 auto; + } } .UnderlineNav-actions { @@ -66,7 +70,10 @@ .UnderlineNav--full { display: block; - .container-lg { + .container-lg, + .container-md, + .container-xl + { display: flex; justify-content: space-between; } diff --git a/modules/primer-navigation/stories.js b/modules/primer-navigation/stories.js index ac8fba42..03e24368 100644 --- a/modules/primer-navigation/stories.js +++ b/modules/primer-navigation/stories.js @@ -207,3 +207,85 @@ storiesOf('Navigation', module) )) + .add('UnderlineNav--right with action', () => ( + + + + )) + .add('UnderlineNav--right with action and container', () => ( + + + + ))