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

Boost: all Elements should be rounded if $enable-rounded is set (search fields, navigation drawer, content bank, atto editor)

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.9.3, 3.10
    • Fix Version/s: None
    • Component/s: HTML and CSS, Themes
    • Labels:
    • Affected Branches:
      MOODLE_310_STABLE, MOODLE_39_STABLE

      Description

      1. Not all elements in Boost appear to have rounded corners if $enable-rounded is set in SCSS:
        • Search entries
        • Navigation drawer
        • Atto editor
        • Content bank
        • (Color picker)
      2. Some connected elements have little notches:
        • File picker
        • Some connected buttons
      3. Keyboard focus ring is not rounded for all elements (and appears to be a wrong color different to other focus rings)
        • .btn-outline-secondary
        • .btn-secondary
        • .btn-primary

      Steps to recreate:

      • Activate Boost as the default theme
      • Set `$enable-rounded: true;` in the 'Raw-initial SCSS' field of the boost settings
      • Go to Home and check if search field has rounded corners 
      • Go to Content bank and check if search field has rounded corners (check content area too ). Check if view mode buttons have notches.
      • Go to Site administration / Appearance / Themes / Boost and check if color picker has rounded corners. Check if file picker has notches. 
      • Go to Calendar and check that keyboard focus ring is properly rounded for .custom-select dropdown but is not rounded for .btn-outline-secondary dropdown.
      • Go to Private files, click on Add…, close the modal and check that Add…-button has focus ring that is not rounded and has wrong color.
      • Go to any course and click and hold Turn editing on to check that .btn-primary has non-rounded and wrongly colors focus ring too.

      Related: MDL-68090

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              ya-d ya-d
              Participants:
              Component watchers:
              Amy Groshek, David Scotson, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona), Bas Brands
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Created:
                Updated: