adds empty state for dataset level fields. increases classification column width and creates --pre-wrap modifier for select component to wrap text.

This commit is contained in:
Seyi Adebajo 2017-10-10 19:50:00 -07:00
parent cd0bc3a6a4
commit 14bfe7cb40
5 changed files with 35 additions and 3 deletions

View File

@ -22,6 +22,14 @@
align-items: center;
justify-content: flex-end;
}
&__empty#{&}__empty#{&}__empty {
background-color: transparent;
td {
border: 0;
}
}
}
/// Default visual state for dataset-field-value selector

View File

@ -11,7 +11,7 @@
}
&__classification-column {
width: 17%;
width: 20%;
}
&__tall-cell#{&}__tall-cell {

View File

@ -67,4 +67,17 @@ $default-border: (1px solid shade($color, 20%));
visibility: hidden;
}
}
&--pre-wrap {
height: item-spacing(7);
&::after {
margin-bottom: 15px;
}
select {
white-space: pre-wrap;
margin-bottom: 15px;
}
}
}

View File

@ -94,6 +94,17 @@
{{/radio-button-composer}}
</span>{{/row.cell}}
{{/body.row}}
{{else}}
<tr class="dataset-field-content__empty dataset-field-content__empty dataset-field-content__empty">
<td class="text-center" colspan="2">
{{empty-state
heading="Dataset has not been marked as containing Member data"
subHead="Click 'See More' below to view all available types of dataset member data"
}}
</td>
</tr>
{{/each}}
{{/table.body}}

View File

@ -189,9 +189,9 @@
{{/if}}
{{/row.cell}}
{{#row.cell}}
{{#row.cell class="dataset-compliance-fields__tall-cell dataset-compliance-fields__tall-cell"}}
{{ember-selector
class="nacho-select--hidden-state"
class="nacho-select--hidden-state nacho-select--pre-wrap"
values=classifiers
selected=row.classification
disabled=(or (not isEditing) (not row.logicalType))