external-repos/pa11y-dashboard
2
0
Fork 1
mirror of https://github.com/pa11y/pa11y-dashboard.git synced 2025-09-27 15:51:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make checkboxes on graph WCAG2AA compliant

Browse Source
This commit is contained in:
perryharlock
2013-11-14 16:35:30 +00:00
parent d016ebfdce
commit 802634d0ad
4 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/site.min.css vendored
View File

File diff suppressed because one or more lines are too long

8
public/js/site.js
View File

@@ -168,11 +168,11 @@ $(document).ready(function(){
$.each(datasets, function(key, val) { $.each(datasets, function(key, val) {
var lowerCaseValue = (val.label.substring(0, val.label.length - 1)).toLowerCase(); var lowerCaseValue = (val.label.substring(0, val.label.length - 1)).toLowerCase();
choiceContainer.append('<li class="text-center '+ choiceContainer.append('<li class="text-center '+
lowerCaseValue +'"><label for="id' + key + lowerCaseValue +'"><div class="series-checkbox-container"><input type="checkbox" name="' + key +
'"><input type="checkbox" name="' + key +
'" checked="checked" id="id' + key + '" checked="checked" id="id' + key +
'"/><span class="stat-type">' + val.label + '"/><label for="id' + key +
'</span></label></li>'); '"><span class="stat-type">' + val.label +
'</span></label></div></li>');
}); });
choiceContainer.find('input').click(plotAccordingToChoices); choiceContainer.find('input').click(plotAccordingToChoices);

2
public/js/site.min.js vendored
View File

File diff suppressed because one or more lines are too long

10
public/less/site.less
View File

@@ -342,12 +342,20 @@ ul.date-links {
border-radius: @border-radius-base; border-radius: @border-radius-base;
label { label {
padding:2px 4px;
margin-bottom:0; margin-bottom:0;
} }
.series-checkbox-container {
padding:2px 4px 3px 4px;
}
input {
margin:5px auto 3px auto;
}
input, label { input, label {
cursor: pointer; cursor: pointer;
display:block;
} }
&:last-child { &:last-child {