Added buttons to appear onhover for the rows (to select Edit/View/Delete etc.)

pull/24/head
Jordan 2014-02-06 19:17:20 -06:00
parent 12d86c7e13
commit cb39888c54
2 changed files with 35 additions and 4 deletions

View File

@ -86,3 +86,17 @@
.form-label { .form-label {
padding-top:7px; padding-top:7px;
} }
.hover {
visibility: visible;
}
.edit-button {
display:none;
}
.editable-row:hover .edit-button {
display : inline-block;
padding: 3px 6px;
font-size:9px;
}

View File

@ -34,11 +34,28 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr ng-repeat="group in groups"> <tr ng-repeat="group in groups" class="editable-row">
<td>{{group.name}}</td> <td>{{group.name}}</td>
<td><span ng-repeat="target in group.targets"> <td>
{{target.email}}{{$last ? '' : ', '}} <span ng-repeat="target in group.targets">
</span></td> {{target.email}}{{$last ? '' : ', '}}
</span>
<div class="btn-group" style="float: right;">
<button type="button" class="btn btn-primary dropdown-toggle edit-button" data-toggle="dropdown">
<span class="caret" style="border-top-color:#FFFFFF"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" style="left:auto; right:0;" role="menu">
<li><a href="/settings">View</a>
</li>
<li><a href="/settings">Edit</a>
</li>
<li class="divider"></li>
<li><a href="/logout">Delete</a>
</li>
</ul>
</div>
</td>
<td>{{group.modified_date | date:'medium'}}</td> <td>{{group.modified_date | date:'medium'}}</td>
</tr> </tr>
</tbody> </tbody>