Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-80015

Category 'More' menu dropdown sits 'off-screen'

    XMLWordPrintable

Details

    • 1
    • HQ 2023 Sprint I4.2 Moppies
    • Small

    Description

      If you select the "More" dropdown as admin when on a screen size < 768px, the dropdown displays off screen:

      Potential solution:

      As the 'more' menu originates from the core_course/category_actionbar template and it statically is set to appear right aligned (using the .ml-auto class) on all screens. It would make sense to add .dropdown-menu-right to the .dropdown-menu container on line 108:

      <div id="moreactionsmenu" class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-actions" role="menu">
          {{#options}}
              <a role="menuitem" class="dropdown-item" {{#attributes}}{{name}}="{{value}}"{{/attributes}} href="{{url}}" tabindex="-1">{{string}}</a>
          {{/options}}
      </div> 

      Thanks!
      Stephen

      Attachments

        Issue Links

          Activity

            People

              mikelmartíncorrales Mikel Martín Corrales
              stephen.sharpe Stephen Sharpe
              Carlos Escobedo Carlos Escobedo
              Sara Arjona (@sarjona) Sara Arjona (@sarjona)
              Kim Jared Lucas Kim Jared Lucas
              Votes:
              0 Vote for this issue
              Watchers:
              16 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 hour, 5 minutes
                  1h 5m

                  Clockify

                    Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.