From 4d8798b0ed26d7ee3d088e4dc7e74d5322077b3f Mon Sep 17 00:00:00 2001
From: Vanessa Otto <votto@gitlab.com>
Date: Wed, 6 Nov 2024 14:03:08 +0100
Subject: [PATCH] refactor(BNav): Replace Bootstrap Util CSS with GitLab UI
 Util CSS

---
 src/vendor/bootstrap-vue/src/components/nav/nav.js        | 2 +-
 src/vendor/bootstrap-vue/src/components/nav/nav.spec.js   | 8 ++++----
 src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/vendor/bootstrap-vue/src/components/nav/nav.js b/src/vendor/bootstrap-vue/src/components/nav/nav.js
index 173924536d..2a60560e5e 100644
--- a/src/vendor/bootstrap-vue/src/components/nav/nav.js
+++ b/src/vendor/bootstrap-vue/src/components/nav/nav.js
@@ -47,7 +47,7 @@ export const BNav = /*#__PURE__*/ extend({
           'nav-pills': pills && !tabs,
           'card-header-tabs': !vertical && cardHeader && tabs,
           'card-header-pills': !vertical && cardHeader && pills && !tabs,
-          'flex-column': vertical,
+          'gl-flex-col': vertical,
           'nav-fill': !vertical && props.fill,
           'nav-justified': !vertical && props.justified,
           [computeJustifyContent(align)]: !vertical && align,
diff --git a/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js b/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js
index 84363e8ccf..a349709cde 100644
--- a/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js
+++ b/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js
@@ -84,7 +84,7 @@ describe('nav', () => {
 
     expect(wrapper.element.tagName).toBe('UL')
     expect(wrapper.classes()).toContain('nav')
-    expect(wrapper.classes()).toContain('flex-column')
+    expect(wrapper.classes()).toContain('gl-flex-col')
     expect(wrapper.classes().length).toBe(2)
     expect(wrapper.text()).toBe('')
 
@@ -117,7 +117,7 @@ describe('nav', () => {
 
     expect(wrapper.element.tagName).toBe('UL')
     expect(wrapper.classes()).toContain('nav')
-    expect(wrapper.classes()).toContain('flex-column')
+    expect(wrapper.classes()).toContain('gl-flex-col')
     expect(wrapper.classes().length).toBe(2)
     expect(wrapper.text()).toBe('')
 
@@ -150,7 +150,7 @@ describe('nav', () => {
 
     expect(wrapper.element.tagName).toBe('UL')
     expect(wrapper.classes()).toContain('nav')
-    expect(wrapper.classes()).toContain('flex-column')
+    expect(wrapper.classes()).toContain('gl-flex-col')
     expect(wrapper.classes().length).toBe(2)
     expect(wrapper.text()).toBe('')
 
@@ -183,7 +183,7 @@ describe('nav', () => {
 
     expect(wrapper.element.tagName).toBe('UL')
     expect(wrapper.classes()).toContain('nav')
-    expect(wrapper.classes()).toContain('flex-column')
+    expect(wrapper.classes()).toContain('gl-flex-col')
     expect(wrapper.classes().length).toBe(2)
     expect(wrapper.text()).toBe('')
 
diff --git a/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js b/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js
index 338c998ea2..a508ee2385 100644
--- a/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js
+++ b/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js
@@ -80,7 +80,7 @@ describe('tabs', () => {
     expect(wrapper.find('ul').classes()).toContain('nav')
     expect(wrapper.find('ul').classes()).toContain('nav-tabs')
     expect(wrapper.find('ul').classes()).toContain('card-header')
-    expect(wrapper.find('ul').classes()).toContain('flex-column')
+    expect(wrapper.find('ul').classes()).toContain('gl-flex-col')
     expect(wrapper.find('ul').classes()).toContain('h-100')
     expect(wrapper.find('ul').classes()).toContain('border-bottom-0')
     expect(wrapper.find('ul').classes()).toContain('rounded-0')
-- 
GitLab