Uploaded image for project: 'CiviCRM'
  1. CiviCRM
  2. CRM-8335

Update z-index for #civicrm-menu to remove the conflict with the modal (ui-dialog) windows

    Details

    • Type: Patch
    • Status: Done/Fixed
    • Priority: Minor
    • Resolution: Fixed/Completed
    • Affects Version/s: 4.0.0
    • Fix Version/s: 4.0.4
    • Component/s: Usability
    • Labels:
      None

      Description

      Currently there is a z-index conflict with #civicrm-menu and modal (ui-dialog) windows.
      Example, when a modal opens and the user has a short window, a portion of the modal window is hidden by the #civicrm-menu.

      Recommendation for your review:
      Change z-index of #civicrm-menu to 800 instead of 9000. Still greater than the toolbar but less than the modal.
      #civicrm-menu

      { z-index:800; }


      However; if there's a good reason to keep the z-indexing at 9000 then perhaps the .ui-dialog z-index change be changed from 1002 to 9999 so it's always on top.

      CSS Overview
      Here are the layers with z-indexing as they exist now:
      #toolbar

      { z-index:600; }

      /(toolbar.css line 34)/
      #civicrm-menu

      { z-index:9000; }

      /(menu.css line 66)/
      .ui-dialog

      { z-index:1002; }

      /(created on the fly)/

      So .ui-dialog windows appear over the top of the toolbar but under the civicrm menu.

      I've attached a patch with this change to /sites/all/modules/civicrm/packages/jquery/css/menu.css.

        Attachments

          Activity

            People

            • Assignee:
              kurund Kurund Jalmi
              Reporter:
              vid Vid Rowan
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 5 minutes
                5m
                Remaining:
                Remaining Estimate - 5 minutes
                5m
                Logged:
                Time Spent - Not Specified
                Not Specified