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

Refactor dropped mixins in Bootstrap 5

XMLWordPrintable

    • MOODLE_404_STABLE
    • MOODLE_404_STABLE
    • MDL-80395-main
    • Hide

      Setup

      1. Login as admin.
      2. Go to "Site administration > Development > Make test course".
      3. Create a course with S size.
      4. Edit at least one of the activities and add a due date in the next few days. Access the activity too.

      Testing scenario 1 (copied from MDL-59809 and MDL-73026). Participants

      1. Go to the participants page in the course.
      2. Select Roles and click the down arrow in the filters autocomplete element.
      3. Verify the active page (1) does not show through the list of filters overlay (you might need to resize the window to guarantee the active page (1) overlays the Roles dropdown).
      4. Check that the pagination bar looks as expected (no visual glitches).
      5. Hover any of the rows in the participants' table and check they are highlighted.
      6. Click the Enrol users button.
      7. Hover over the Cancel button and check the colour changes.

      Testing scenario 2. Course

      1. Go to the course page.
      2. Verify the secondary navigation is visible.
      3. Verify you see the hover styles for each menu item and a blue underline and bold text on the active menu item.
      4. Enable edit mode.
      5. In the actions menu for any of the activities, select "Move".
      6. Hover any of the topics and check they are displayed with a background.
      7. Try to move any of the activities using the course index and check the selected activity is displayed with a different background when it's being moved.

      Testing scenario 3 (copied from MDL-74513). Dashboard

      1. Access the dashboard.
      2. Make sure you have both the "Timeline" and "Recently accessed items" blocks in your dashboard.
      3. Hover over the activity entry in the two blocks.
      4. Check only the activity name is underlined in both cases (the course name shouldn't be underlined).
      5. Go to the My Courses page.
      6. Hover the actions menu for any of the courses and check the background is displayed in a light grey (#e9ecef).

      Testing scenario 4. Message

      1. Open the message drawer.
      2. Go to Starred and access your personal messages.
      3. Hover any of the buttons (like the Send button) and check the background is displayed in light grey (#e9ecef).
      4. Open the emoji picker.
      5. Hover the emoji categories and check they are highlighted with dark grey and that they are not underlined.

      Testing scenario 5. Classic

      1. Go to "Site administration > Appearance > Themes".
      2. Set Classic as the default theme.
      3. Edit theme settings for Classic.
      4. Enable "Use a dark style navbar" and save changes.
      5. In the header, hover the user name and check it's displayed in white.
      Show
      Setup Login as admin. Go to "Site administration > Development > Make test course". Create a course with S size. Edit at least one of the activities and add a due date in the next few days. Access the activity too. Testing scenario 1 (copied from MDL-59809 and MDL-73026 ). Participants Go to the participants page in the course. Select Roles and click the down arrow in the filters autocomplete element. Verify the active page (1) does not show through the list of filters overlay (you might need to resize the window to guarantee the active page (1) overlays the Roles dropdown). Check that the pagination bar looks as expected (no visual glitches). Hover any of the rows in the participants' table and check they are highlighted. Click the Enrol users button. Hover over the Cancel button and check the colour changes. Testing scenario 2. Course Go to the course page. Verify the secondary navigation is visible. Verify  you see the hover styles for each menu item and a blue underline and bold text on the active menu item. Enable edit mode. In the actions menu for any of the activities, select "Move". Hover any of the topics and check they are displayed with a background. Try to move any of the activities using the course index and check the selected activity is displayed with a different background when it's being moved. Testing scenario 3 (copied from MDL-74513 ). Dashboard Access the dashboard. Make sure you have both the "Timeline" and "Recently accessed items" blocks in your dashboard. Hover over the activity entry in the two blocks. Check only the activity name is underlined in both cases (the course name shouldn't be underlined). Go to the My Courses page. Hover the actions menu for any of the courses and check the background is displayed in a light grey (#e9ecef). Testing scenario 4. Message Open the message drawer. Go to Starred and access your personal messages. Hover any of the buttons (like the Send button) and check the background is displayed in light grey (#e9ecef). Open the emoji picker. Hover the emoji categories and check they are highlighted with dark grey and that they are not underlined. Testing scenario 5. Classic Go to "Site administration > Appearance > Themes". Set Classic as the default theme. Edit theme settings for Classic. Enable "Use a dark style navbar" and save changes. In the header, hover the user name and check it's displayed in white.
    • 2
    • HQ 2024 Planning I1 Moppies
    • Small

      In BS5 some previously deprecated mixins are dropped. We can refactor some of them without waiting for the BS upgrade

      https://getbootstrap.com/docs/5.2/migration/:

      • Removed previously deprecated mixins:
        • hover, hover-focus, plain-hover-focus and hover-focus-active
        • float-left, float-right, and float-none
        • nav-divider
        • img-retina
        • text-hide
        • invisible
        • form-control-focus
        • text-emphasis-variant
        • size
        • make-container-max-widths
        • g-variant and bg-gradient-variant 

       

            sarjona Sara Arjona (@sarjona)
            mikelmartíncorrales Mikel Martín Corrales
            Mikel Martín Corrales Mikel Martín Corrales
            Amaia Anabitarte Amaia Anabitarte
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            11 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 3 hours, 45 minutes
                1d 3h 45m

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