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):

        1. Screenshot 2025-02-14 at 1.54.00 PM.png
          Screenshot 2025-02-14 at 1.54.00 PM.png
          152 kB

              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: