Misuse of @extend in SCSS

MDL-66999 tests Please test these steps in both themes Classic and Boost 1. changes for @extend .text-muted Login as admin Navigate to Site Administration > Plugins > Plugin overview Verify the plugin component names are displayed in a lighter shade of gray as shown in this screenshot 2. changes for @extend .small Navigate to Site Administration In the search box type “experimental” Verify the Setting path “Administration / Development / Experimental / Experimental settings” is displayed in a small, light-gray type 3. removed .form-control-danger from maintenance mode Open a terminal and go to the Moodle installation's root directory. Enter the following command: php admin/cli/maintenance.php --enablelater=1 Navigate to your Moodle homepage Verify you see this maintenance message with a warning style Turn off maintenance mode by typing php admin/cli/maintenance.php --disable 4. Replace .form-overridden with .alert Open your Moodle config.php in an editor After “$CFG->admin = ‘admin’” add a new line and add $CFG->debugdisplay = 1; Navigate to Site Administration > Development > Debugging Verify you see the message “Defined in config.php” in an alert style just below “Display debug messages” 5. .table-warning classes As admin in a course navigate to Administration/Course administration/Users/Permissions Choose a role to override from the Advanced role override select drop-down Click a radio button (other than Inherit) for at least one capability Press the 'Save changes' button Again choose the same role from the Advanced role override select drop-down You should now see a background highlighted colour for the selected capability or capabilities you changed from 'Inherit' 6 Extend .col-xs classes Create a new calendar event in the calendar Create a new event of type Site and name “Test Event” Click the new event in the calender Verify the modal showing the event show icons left of the event date and type 7 Extend .btn-block As admin navigate to Site Administration > Users > Permissions > Site administrators Verify the “Add” and Remove” buttons look similar to the screenshot below 8 Remove .h2 from calendar current Navigate to the Moodle calendar Verify the current month name is styles as a h2 9 Replace .p0 from chat As admin in a course create a new chat Open the chat and look at the input field Verify the input field looks similar to this 10 .text-warning and related Open a file manager and go to the Moodle installation's root directory. Open the blocks folder Rename the folder tags to tags_moved As admin navigate to Site Administration > Plugins > Blocks > Manage blocks Find the tags block Verify you see “tags (Missing from disk) in the orange warning color Go back to your file manager and rename tags_moved to tags 11 .modal styles YUI modals Edit your moodle profile Scroll down to the Description form field and click the Image icon on the Atto toolbar Verify the “Image properties” Modal looks similar to the screenshot below 12 Use .table classes in the badges renderer As admin create 2 new enabled system badges that can be awarded by a teacher Navigate to url badges/view.php?type=1 Verify the 2 new badges are listed in a table styled like the screenshot below 13 Filepicker display buttons Navigate to your private files Click the “Add files” icon in the file field In the opened filepicker click the “Recent files” link Verify the top right display buttons are styled similar to this Verify the active view “Display folder with file icons” is a shade darker when active 14 form styles As an admin create a new forum in a course In the forum settings page in section “Whole forum grading” choose grade type “point” and grading method “marking guide” Save changes and step through the “marking guide creation form Go to the course participants page and enrol a test user Login as this user and add a posting to the forum Log back in as admin Navigate back to your forum and click the Grade users button Verify the page looks similar to this 15 Remove extends for tables As admin navigate to any of these pages and verify the tables are striped Site Administration > Development > XMLDB editor (striped and small) Site Administration > Users > Permissions > Define roles : click the cog icon for a role (striped and small) Site Administration > Reports > Logs : click “Get these logs” (striped and small) 16 Remove extends for grading As an admin create a new forum in a course In the forum settings page in section “Whole forum grading” choose grade type “point” and grading method “rubric” Click save and display The next page should be the “Advanced grading page” Verify you see large buttons on the page styled like this Continue this test and click on the “Define new grading form.. “ button In the “Define rubrick” page scroll down untill you see the “Add criterion” button Verify it looks similar to this 17 Remove extends for questions As an admin create a new quiz in a course add one question in the quiz As a student attempt the quiz As a teacher mark the student in the quiz When marking the student add a comment Verify the answer, comment and response history boxes look similar to this 18 User styles As admin navigate to a course Create a course group and add a test user to the group, make sure the group has a description Navigate to the course participants page In the Filter dropdown select your group Verify you see the group description in a container box 19 remove extends from bs2compate No tests needed, these styles are not used but available for legacy themes 20 phpunittest Run the php unit tests and verify the results are okay vendor/bin/phpunit --verbose "qbehaviour_adaptive_mark_display_test" question/behaviour/adaptive/tests/mark_display_test.php