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

Issue 30 - Refactor date selector navigation to be non-js friendly

Browse Source
This commit is contained in:
perryharlock
2013-09-24 11:04:34 +01:00
parent e9ce4bf9ad
commit c6c6466d31
5 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/main.css
View File

File diff suppressed because one or more lines are too long

4
public/js/site.js
View File

@@ -54,11 +54,13 @@ $(document).ready(function(){
// Back to top links
toTopLinks.click( function(e){
e.preventDefault();
$(animateSection($('#top'), -75));
$(animateSection($('#top'), -55));
});
switchStandardsList(standardSelect);
$('.rules-list-title').addClass('hidden');
$('.date-links').removeClass('date-links list-group').addClass('dropdown-menu');
$('.dropdown-menu a').removeClass('list-group-item active');
standardSelect.change( function(){
switchStandardsList($(this));

6
public/less/site-nojavascript.less
View File

@@ -17,4 +17,10 @@
margin-top:0;
border-radius: 3px 3px 0 0;
}
.dropdown-toggle {
display:none;
}
.show-class {
display:block;
}
}

20
public/less/site.less
View File

@@ -48,6 +48,26 @@
margin-top:0;
margin-bottom:10px;
}
.date-links {
.list-unstyled();
max-height:190px;
overflow-y: auto;
}
.list-group {
li .list-group-item {
border-radius:0;
margin-bottom:-1px;
}
li:first-child .list-group-item {
border-top-left-radius:3px;
border-top-right-radius:3px;
}
li:last-child .list-group-item {
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
margin-bottom:0;
}
}
.delete-button {
position:absolute;
top:5px;

10
view/task.html
View File

@@ -51,18 +51,20 @@
<div class="col-md-3 aside">
{{#if results}}
<div class="row">
<div class="col-md-12 col-xs-6 dropdown-container">
<div id="top" class="col-md-12 col-xs-6 dropdown-container">
<h4 class="show-stats hidden">Select a date to show stats for</h4>
<div class="btn-group block-level clearfix">
<button data-toggle="dropdown" class="btn-full-width btn btn-primary dropdown-toggle" type="button">{{date-format lastResult.date format="DD MMM YYYY"}} <span class="glyphicon glyphicon-calendar"></span> <span class="caret"></span></button>
<ul role="menu" class="dropdown-menu">
<ul role="navigation" class="date-links list-group">
<li><a class="list-group-item active" href="#">21 Sept 2013</a></li>
{{#results}}
<li><a href="#">{{date-format date format="DD MMM YYYY"}}</a></li>
<li><a class="list-group-item" href="#">{{date-format date format="DD MMM YYYY"}}</a></li>
{{/results}}
</ul>
</div>
</div>
<div class="col-md-12 col-xs-6">
<ul id="top" data-role="task-list" class="clearfix list-unstyled floated-list task-stats">
<ul data-role="task-list" class="clearfix list-unstyled floated-list task-stats">
{{#lastResult}}
<li class="danger"><a href="#errors" title="See errors">{{count.error}}</a></li>
<li class="warning"><a href="#warnings" title="See warnings">{{count.warning}}</a></li>