Checklist Module - Sharing Code

Checklist Module - Sharing Code

by John Provasnik -
Number of replies: 2
Picture of Particularly helpful Moodlers Picture of Testers

Hi, I did some modifications to my Checklist Module's Edit mode just to clean up the screen a little. Figured I'd share if anyone else can find it useful. Also curious to see what other modifications others have made to the styling of this module.

Before: 


After: 


/* Padding Under Button */
#page-mod-checklist-edit .checklist.checklist-extendedit .btn {margin-bottom: 15px;}
/* Add Row Color on Hover */
#page-mod-checklist-edit ol.checklist li:hover {background: #d6e6e7;}
/* Padding Between Checkbox and Label */
#page-mod-checklist-edit li label {margin-left: 10px!important;}
/* Right - Align Activity Icons */
#page-mod-checklist-edit li img.icon {float: right;} 
/* Reduce Width between Labels and Icons*/
#page-mod-checklist-edit ol form {width: max-content;}
/* Style Background Colors of Enabled Checklist Items */
#page-mod-checklist-edit ol.checklist .itemauto {background-color: initial;}
/* Style Background Colors of Disabled Checklist Items */
#page-mod-checklist-edit ol.checklist .itemauto.itemdisabled {text-decoration: line-through; background-color: #bcc4c4; color: #666;}
Average of ratings: Useful (2)
In reply to John Provasnik

Re: Checklist Module - Sharing Code

by Davo Smith -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

Looks like good suggestions - if you can provide a patch to:  https://github.com/davosmith/moodle-checklist then I could review it locally and look at integrating into the next release.


Average of ratings: Useful (2)