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; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
&__empty#{&}__empty#{&}__empty {
background-color: transparent;
td {
border: 0;
}
}
} }
/// Default visual state for dataset-field-value selector /// Default visual state for dataset-field-value selector

View File

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

View File

@ -67,4 +67,17 @@ $default-border: (1px solid shade($color, 20%));
visibility: hidden; 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}} {{/radio-button-composer}}
</span>{{/row.cell}} </span>{{/row.cell}}
{{/body.row}} {{/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}} {{/each}}
{{/table.body}} {{/table.body}}

View File

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