Change options button into a more accessible list

This commit is contained in:
Alex Kilgour
2016-01-29 11:27:10 +00:00
parent 537b93c671
commit b3b2cd21da
4 changed files with 38 additions and 22 deletions

File diff suppressed because one or more lines are too long

View File

@@ -478,3 +478,21 @@ ul.date-links {
z-index:-1; z-index:-1;
} }
} }
/* inline link list */
.inline-list {
display: inline-block;
margin: 0;
padding: 0;
}
.inline-list > li {
display: inline-block;
border-right: 1px solid @dropdown-fallback-border; // IE8 fallback
border-right: 1px solid @dropdown-border;
padding: 0 4px 0 0;
margin: 0 4px 0 0;
}
.inline-list + div.date {
display: inline-block;
}

View File

@@ -17,21 +17,18 @@ along with pa11y-dashboard. If not, see <http://www.gnu.org/licenses/>.
<div class="col-md-12 zfix"> <div class="col-md-12 zfix">
<div class="ruled task-header"> <div class="ruled task-header">
<div class="row clearfix"> <div class="row clearfix">
<div class="col-md-9 col-sm-9"> <div class="col-md-12">
<h1 class="h2 crunch-top">{{task.name}}</h1> <h1 class="h2 crunch-top">{{task.name}}</h1>
<p class="h4">{{simplify-url task.url}}<span class="h5"> ({{task.standard}})</span></p> <p class="h4">{{simplify-url task.url}}<span class="h5"> ({{task.standard}})</span></p>
</div> </div>
<div class="col-md-3 col-sm-3 text-right run-details"> <div class="run-details task-header clearfix">
<div class="col-md-12 clearfix">
{{#unless readonly}} {{#unless readonly}}
<div class="btn-group"> <ul class="inline-list" role="menu">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">Options <span class="caret"></span></button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a href="/{{task.id}}/edit">Edit this task</a></li> <li><a href="/{{task.id}}/edit">Edit this task</a></li>
<li><a href="/{{task.id}}/delete">Delete this task</a></li> <li><a href="/{{task.id}}/delete">Delete this task</a></li>
<li class="divider"></li>
<li><a href="{{task.hrefRun}}" data-test="run-task">Run pa11y</a></li> <li><a href="{{task.hrefRun}}" data-test="run-task">Run pa11y</a></li>
</ul> </ul>
</div>
{{/unless}} {{/unless}}
{{#if mainResult}} {{#if mainResult}}
<div class="date">Last run : {{date-format mainResult.date format="DD MMM YYYY"}}</div> <div class="date">Last run : {{date-format mainResult.date format="DD MMM YYYY"}}</div>
@@ -42,3 +39,4 @@ along with pa11y-dashboard. If not, see <http://www.gnu.org/licenses/>.
</div> </div>
</div> </div>
</div> </div>
</div>