From: Mark Otto <markd.otto@gmail.com>
Date: Wed, 27 Jan 2021 19:27:02 +0000 (-0800)
Subject: Re-add flex-grow to .navbar-collapse (#32899)
X-Git-Tag: v5.0.0-beta2~48
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0fa16a5d4538d59715cc7b453e336842014bedec;p=thirdparty%2Fbootstrap.git

Re-add flex-grow to .navbar-collapse (#32899)

Update .navbar-collapse to drop width 100 and use flex-grow, restoring it to v4's behavior

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
---

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 1187d617bd..e3eda27aa9 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -109,10 +109,10 @@
 // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
 // on the `.navbar` parent.
 .navbar-collapse {
+  flex-grow: 1;
   // For always expanded or extra full navbars, ensure content aligns itself
   // properly vertically. Can be easily overridden with flex utilities.
   align-items: center;
-  width: 100%;
 }
 
 // Button for toggling the navbar when in its collapsed state