Add a navigator fix width prop to DocumentationLayout (#822)

Author: marinaaisa

src/components/DocumentationLayout.vue

@@ -139,6 +139,10 @@ export default {
       type: Array,
       default: () => [],
     },
+    navigatorFixedWidth: {
+      type: Number,
+      default: null,
+    },
   },
   data() {
     return {
@@ -152,11 +156,14 @@ export default {
     enableQuickNavigation: ({ isTargetIDE }) => (
       !isTargetIDE && getSetting(['features', 'docs', 'quickNavigation', 'enable'], true)
     ),
-    sidebarProps: ({ sidenavVisibleOnMobile, enableNavigator, sidenavHiddenOnLarge }) => (
+    sidebarProps: ({
+      sidenavVisibleOnMobile, enableNavigator, sidenavHiddenOnLarge, navigatorFixedWidth,
+    }) => (
       enableNavigator
         ? {
           shownOnMobile: sidenavVisibleOnMobile,
           hiddenOnLarge: sidenavHiddenOnLarge,
+          fixedWidth: navigatorFixedWidth,
         }
         : {
           enableNavigator,

tests/unit/components/DocumentationLayout.spec.js

@@ -92,6 +92,7 @@ const propsData = {
   objcPath: 'documentation/objc',
   swiftPath: 'documentation/swift',
   selectedAPIChangesVersion: '',
+  navigatorFixedWidth: 400,
 };
 
 const AdjustableSidebarWidthSmallStub = {
@@ -157,7 +158,7 @@ describe('DocumentationLayout', () => {
       shownOnMobile: false,
       hiddenOnLarge: false,
       enableNavigator: true,
-      fixedWidth: null,
+      fixedWidth: propsData.navigatorFixedWidth,
     });
     const {
       technology,