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

Turn on roundness for theme Boost

    XMLWordPrintable

    Details

    • Type: Task
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 4.0
    • Fix Version/s: 4.0
    • Component/s: Themes
    • Labels:
    • Testing Instructions:
      Hide

      For these tests the Moodle UI component library needs to be enable. On the console navigate to your Moodle root, then type: `npm install` followed by `grunt componentlibrary`

      Test roundness of Moodle components

      1. Login as admin
      2. Navigate to Site administration > Development > UI Component Library
      3. In the component library view the pages in the section Moodle > Moodle Components: Course cards, Buttons, Form Elements, Notifications, Search input.
      4. Verify the component are styled with rounded borders

      Some elements are made square on purpose, list group elements, tables and links in the top navbar should be square

      1. Use the tab key to focus on the elements in the top navbar
      2. Verify you see a square outline for all elements
      3. Navigate to a course with a gradebook
      4. Verify the gradebook table does not have rounded edges
      5. Open the message drawer
      6. Verify the sections 'starred', 'group' and 'private' do not have round edges
      7. Write a message to yourself and open the emoji picker
      8. Verify that the buttons on top of the emoji picker (the emoji groups) are square and have a straight underline

      Test roundness of other page elements

      1. Navigate to a course
      2. Verify the drawer and course index toggles are square where they touch the browsers viewport, rounded on the inside
      3. Click on the user menu dropdown
      4. Verify the dropdown has rounded edges

      Test roundness of filemanager

      1. Navigate to your private files
      2. Verify the filemanager has rounded edges

      Test roundness of atto

      1. Navigate to your profile
      2. Edit your profile
      3. Scroll down to the Atto editor
      4. Verify the editor has rounded edges
      Show
      For these tests the Moodle UI component library needs to be enable. On the console navigate to your Moodle root, then type: `npm install` followed by `grunt componentlibrary` Test roundness of Moodle components Login as admin Navigate to Site administration > Development > UI Component Library In the component library view the pages in the section Moodle > Moodle Components: Course cards, Buttons, Form Elements, Notifications, Search input. Verify the component are styled with rounded borders Some elements are made square on purpose, list group elements, tables and links in the top navbar should be square Use the tab key to focus on the elements in the top navbar Verify you see a square outline for all elements Navigate to a course with a gradebook Verify the gradebook table does not have rounded edges Open the message drawer Verify the sections 'starred', 'group' and 'private' do not have round edges Write a message to yourself and open the emoji picker Verify that the buttons on top of the emoji picker (the emoji groups) are square and have a straight underline Test roundness of other page elements Navigate to a course Verify the drawer and course index toggles are square where they touch the browsers viewport, rounded on the inside Click on the user menu dropdown Verify the dropdown has rounded edges Test roundness of filemanager Navigate to your private files Verify the filemanager has rounded edges Test roundness of atto Navigate to your profile Edit your profile Scroll down to the Atto editor Verify the editor has rounded edges
    • Affected Branches:
      MOODLE_400_STABLE
    • Fixed Branches:
      MOODLE_400_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-72455-master

      Description

      To match the UX team designs the roundness of elements like buttons and countainers needs to be enabled

        Attachments

        1. image-2021-09-02-18-48-02-252.png
          image-2021-09-02-18-48-02-252.png
          13 kB
        2. image-2021-10-05-15-54-05-553.png
          image-2021-10-05-15-54-05-553.png
          53 kB
        3. image-2021-10-05-15-55-26-456.png
          image-2021-10-05-15-55-26-456.png
          6 kB
        4. image-2021-10-05-15-57-09-606.png
          image-2021-10-05-15-57-09-606.png
          69 kB
        5. image-2021-10-05-15-58-32-601.png
          image-2021-10-05-15-58-32-601.png
          1 kB
        6. image-2021-10-05-15-58-59-661.png
          image-2021-10-05-15-58-59-661.png
          13 kB
        7. image-2021-10-05-15-59-33-088.png
          image-2021-10-05-15-59-33-088.png
          4 kB
        8. image-2021-10-05-16-00-12-760.png
          image-2021-10-05-16-00-12-760.png
          5 kB
        9. MDL-70594_C_025.png
          MDL-70594_C_025.png
          13 kB
        10. MDL-70594_C_026.png
          MDL-70594_C_026.png
          12 kB
        11. screenshot-1.png
          screenshot-1.png
          0.5 kB

          Activity

            People

            Assignee:
            basbrands Bas Brands
            Reporter:
            basbrands Bas Brands
            Peer reviewer:
            Ferran Recio Ferran Recio
            Integrator:
            Ilya Tregubov Ilya Tregubov
            Tester:
            Amaia Anabitarte Amaia Anabitarte
            Participants:
            Component watchers:
            Huong Nguyen, Bas Brands, Mathew May
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              13/Dec/21

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 7 hours, 21 minutes
                7h 21m