Remove icon cells from Table component. Fix Visualize landing table header bug and type icon position.

This commit is contained in:
CJ Cenizal 2017-02-01 10:19:49 -08:00
parent 50e2da76d3
commit 56252644f2
4 changed files with 8 additions and 30 deletions

View file

@ -41,7 +41,7 @@
confirm-click="listingController.deleteSelectedItems()"
confirmation="Are you sure you want to delete the selected visualizations? This action is irreversible!"
aria-label="Delete selected objects"
ng-hide="listingController.getSelectedItemsCount() === 0"
ng-if="listingController.getSelectedItemsCount() > 0"
tooltip="Delete selected visualizations"
>
<span aria-hidden="true" class="kuiButton__icon kuiIcon fa-trash"></span>
@ -52,7 +52,7 @@
class="kuiButton kuiButton--primary"
href="#/visualize/step/1"
aria-label="Create new visualization"
ng-hide="listingController.getSelectedItemsCount() > 0"
ng-if="listingController.getSelectedItemsCount() === 0"
tooltip="Create new visualization"
>
<span aria-hidden="true" class="kuiButton__icon kuiIcon fa-plus"></span>
@ -80,9 +80,6 @@
>
</th>
<th class="kuiTableHeaderCell kuiTableHeaderCell--icon">
</th>
<th class="kuiTableHeaderCell">
Name
</th>
@ -107,10 +104,6 @@
>
</td>
<td class="kuiTableRowCell kuiTableRowCell--icon">
<div class="kuiIcon kuiIcon--basic {{ item.icon }}"></div>
</td>
<td class="kuiTableRowCell">
<div class="kuiTableRowCell__liner">
<a class="kuiLink" ng-href="{{ item.url }}">
@ -121,7 +114,10 @@
<td class="kuiTableRowCell">
<div class="kuiTableRowCell__liner">
{{ item.type.title }}
<span class="kuiStatusText">
<span class="kuiStatusText__icon kuiIcon {{ item.icon }}"></span>
{{ item.type.title }}
</span>
</div>
</td>
</tr>

View file

@ -88,9 +88,7 @@
* 2. Align checkbox with text in other cells.
*/
.kuiTableHeaderCell--checkBox,
.kuiTableRowCell--checkBox,
.kuiTableHeaderCell--icon,
.kuiTableRowCell--icon {
.kuiTableRowCell--checkBox {
width: 28px; /* 1 */
padding-right: 0;
line-height: 1;

View file

@ -1424,9 +1424,7 @@ body {
* 2. Align checkbox with text in other cells.
*/
.kuiTableHeaderCell--checkBox,
.kuiTableRowCell--checkBox,
.kuiTableHeaderCell--icon,
.kuiTableRowCell--icon {
.kuiTableRowCell--checkBox {
width: 28px;
/* 1 */
padding-right: 0;

View file

@ -49,8 +49,6 @@
<th class="kuiTableHeaderCell kuiTableHeaderCell--checkBox">
<input type="checkbox" class="kuiCheckBox">
</th>
<th class="kuiTableHeaderCell kuiTableHeaderCell--icon">
</th>
<th class="kuiTableHeaderCell">
Title
</th>
@ -71,9 +69,6 @@
<td class="kuiTableRowCell kuiTableRowCell--checkBox">
<input type="checkbox" class="kuiCheckBox">
</td>
<th class="kuiTableRowCell kuiTableRowCell--icon">
<div class="kuiIcon kuiIcon--basic fa-coffee"></div>
</th>
<td class="kuiTableRowCell">
<a class="kuiLink" href="#">Alligator</a>
</td>
@ -96,9 +91,6 @@
<td class="kuiTableRowCell kuiTableRowCell--checkBox">
<input type="checkbox" class="kuiCheckBox">
</td>
<th class="kuiTableRowCell kuiTableRowCell--icon">
<div class="kuiIcon kuiIcon--basic fa-bomb"></div>
</th>
<td class="kuiTableRowCell">
<a class="kuiLink" href="#">Boomerang</a>
</td>
@ -121,9 +113,6 @@
<td class="kuiTableRowCell kuiTableRowCell--checkBox">
<input type="checkbox" class="kuiCheckBox">
</td>
<th class="kuiTableRowCell kuiTableRowCell--icon">
<div class="kuiIcon kuiIcon--basic fa-trophy"></div>
</th>
<td class="kuiTableRowCell">
<a class="kuiLink" href="#">Celebration</a>
</td>
@ -146,9 +135,6 @@
<td class="kuiTableRowCell kuiTableRowCell--checkBox">
<input type="checkbox" class="kuiCheckBox">
</td>
<th class="kuiTableRowCell kuiTableRowCell--icon">
<div class="kuiIcon kuiIcon--basic fa-child"></div>
</th>
<td class="kuiTableRowCell">
<a class="kuiLink" href="#">Dog</a>
</td>