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

Improve .btn-icon styles for consistency

XMLWordPrintable

    • MOODLE_500_STABLE
    • MOODLE_500_STABLE
    • MDL-84692-main
    • Hide

      Setup

      1. Login as administrator
      2.  Create a new course
      3. Enrol some students
      4. Create some activities and subsections
      5. Create a new forum and create a new post
      6. Build the component library

        grunt componentlibrary
        

      Test UI

      1. Access to My courses in the primary navigation
      2. Confirm that the button icons are displayed as the following:
      3. Access the course
      4. Confirm that the button icons are displayed as the following:
      5. Go to Settings in the secondary navigation
      6. Confirm that the button icons are displayed as the following:
      7. Go back to the course and access the forum activity
      8. Confirm that the button icons are displayed as the following:
      9. Go to Grades in the secondary navigation
      10. Confirm that the button icons are displayed as the following:

      Test Component library

      1. Go to Site administration > Development > UI Component library
      2. Go to Moodle > Moodle components > Buttons using left sidebar
      3. Confirm there is a section about "Icon buttons" as the following:
      Show
      Setup Login as administrator  Create a new course Enrol some students Create some activities and subsections Create a new forum and create a new post Build the component library grunt componentlibrary Test UI Access to My courses in the primary navigation Confirm that the button icons are displayed as the following: Access the course Confirm that the button icons are displayed as the following: Go to Settings in the secondary navigation Confirm that the button icons are displayed as the following: Go back to the course and access the forum activity Confirm that the button icons are displayed as the following: Go to Grades in the secondary navigation Confirm that the button icons are displayed as the following: Test Component library Go to Site administration > Development > UI Component library Go to Moodle > Moodle components > Buttons using left sidebar Confirm there is a section about "Icon buttons" as the following:
    • Hide

      Code verified against automated checks with warnings.

      Checked MDL-84692 using repository: https://github.com/roland04/moodle.git

      Should these errors be fixed?

      Built on: Fri Feb 28 12:40:56 UTC 2025

      Show
      Code verified against automated checks with warnings. Checked MDL-84692 using repository: https://github.com/roland04/moodle.git main (0 errors / 21 warnings) [branch: MDL-84692-main | CI Job ] overview (0/0) , phplint (0/0) , phpcs (0/1) , js (0/0) , css (0/0) , phpdoc (0/0) , commit (0/0) , savepoint (0/0) , thirdparty (0/0) , externalbackup (0/0) , grunt (0/0) , shifter (0/0) , mustache (0/20) , gherkin (0/0) , Should these errors be fixed? Built on: Fri Feb 28 12:40:56 UTC 2025
    • 2
    • HQ 2025 Sprint I1.2 Moppies

      There are many .btn-icon usages across the codebase with slightly different styling, and also with common extra helper classes repeated (btn-icon icon-no-margin icon-size-3, ...).

      Should be good to have an easy .btn-icon to use and consistently displayed properly documented in the component library.

       

       

        1. MDL-84692.png
          MDL-84692.png
          1.02 MB
        2. screenshot-1.png
          screenshot-1.png
          56 kB
        3. screenshot-2.png
          screenshot-2.png
          42 kB
        4. screenshot-3.png
          screenshot-3.png
          39 kB
        5. screenshot-4.png
          screenshot-4.png
          116 kB
        6. screenshot-5.png
          screenshot-5.png
          83 kB
        7. screenshot-6.png
          screenshot-6.png
          106 kB

            mikelmartíncorrales Mikel Martín Corrales
            mikelmartíncorrales Mikel Martín Corrales
            Carlos Escobedo Carlos Escobedo
            Ferran Recio Ferran Recio
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            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 - 2 hours, 25 minutes
                2h 25m

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