Uploaded image for project: 'Red Hat Developer Hub Bugs'
  1. Red Hat Developer Hub Bugs
  2. RHDHBUGS-1125

The floating action button appears on the navigation sidebar in the "bottom-left" slot position on RHDH

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Done
    • Icon: Normal Normal
    • 1.6.0
    • 1.6.0
    • UI
    • None
    • 1
    • False
    • Hide

      None

      Show
      None
    • False
    • Hide
      = Floating Action Button (FAB) positioned in the 'Bottom-Left' slot on {product-short}

      Previously, the Floating Action Button (FAB) appeared over the navigation sidebar when the slot was set to 'bottom-left'. This placement obstructed access to navigation elements, potentially hindering user interaction.

      With this update, the FAB's position is adjusted to render adjacent to the navigation for the 'bottom-left' slot position. As a result, users can access navigation options without obstruction.
      Show
      = Floating Action Button (FAB) positioned in the 'Bottom-Left' slot on {product-short} Previously, the Floating Action Button (FAB) appeared over the navigation sidebar when the slot was set to 'bottom-left'. This placement obstructed access to navigation elements, potentially hindering user interaction. With this update, the FAB's position is adjusted to render adjacent to the navigation for the 'bottom-left' slot position. As a result, users can access navigation options without obstruction.
    • Bug Fix
    • Done
    • RHDH F&UI plugins 3270, RHDH F&UI plugins 3272

      Description of problem:

       

      The floating action button appears on the navigation sidebar in the "bottom-left" slot position on RHDH

      Prerequisites (if any, like setup, operators/versions):

      Steps to Reproduce

      1. Add the yaml in your dynamic plugins config map

       

      - package: ./dynamic-plugins/dist/red-hat-developer-hub-backstage-plugin-bulk-import
              disabled: false
              pluginConfig:
                dynamicPlugins:
                  frontend:
                    red-hat-developer-hub.backstage-plugin-bulk-import:
                      mountPoints:
                        - mountPoint: global.floatingactionbutton/config
                          importName: BulkImportPage
                          config:
                            slot: 'bottom-left'
                            icon: bulkImportIcon
                            label: 'Bulk import'
                            toolTip: 'Register multiple repositories in bulk'
                            to: /bulk-import/repositories
                            excludeOnPaths: ['/catalog']
                      appIcons:
                        - name: bulkImportIcon
                          importName: BulkImportIcon
                      dynamicRoutes:
                        - path: /bulk-import/repositories
                          importName: BulkImportPage
                          menuItem:
                            icon: bulkImportIcon
                            text: Bulk import 

       

       

       

      Actual results:

      The floating action button appears on the navigation sidebar

      Expected results:

       

      The floating action button should appear next the navigation sidebar for slot position "bottom-left"

      Reproducibility (Always/Intermittent/Only Once):

      Build Details:

      Additional info (Such as Logs, Screenshots, etc):

              dsantra12 Debsmita Santra
              dsantra12 Debsmita Santra
              RHIDP - Frontend Plugins & UI
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved: