diff --git a/wherehows-web/app/styles/components/_all.scss b/wherehows-web/app/styles/components/_all.scss index 81a7c48cba..7006be0f1b 100644 --- a/wherehows-web/app/styles/components/_all.scss +++ b/wherehows-web/app/styles/components/_all.scss @@ -4,4 +4,5 @@ @import "nacho-button"; @import "nacho-global-search"; -@import "nacho-filter-rail"; \ No newline at end of file +@import "nacho-filter-rail"; +@import "nacho-table"; diff --git a/wherehows-web/app/styles/components/_nacho-table.scss b/wherehows-web/app/styles/components/_nacho-table.scss new file mode 100644 index 0000000000..32b2460556 --- /dev/null +++ b/wherehows-web/app/styles/components/_nacho-table.scss @@ -0,0 +1,41 @@ +@import "restyle"; + +@include restyle-define(table, ( + restyle-var(border-color): set-color(grey, light), + restyle-var(header-color): set-color(grey, light), + restyle-var(horizontal-padding): 10px, + restyle-var(font-size): 16px, + border-collapse: collapse, + border-spacing: 0, + text-align: left, + width: 100%, + '& th': ( + font-size: restyle-var(font-size), + background-color: restyle-var(header-color), + min-height: 36px, + padding: restyle-var(horizontal-padding), + vertical-align: middle, + white-space: nowrap, + ), + '& td': ( + restyle-var(cell-height): 52px, + box-sizing: border-box, + height: restyle-var(cell-height), + padding: (5px restyle-var(horizontal-padding)), + border-bottom: 1px solid set-color(grey, light), + vertical-align: middle, + ), + restyle-modifiers: ( + 'with a border': ( + border: 1px solid restyle-var(border-color) + ) + ) +)); + +.nacho-table { + @include restyle(table); + + &--bordered { + @include restyle(table with a border); + } +} \ No newline at end of file diff --git a/wherehows-web/app/templates/components/dataset-author.hbs b/wherehows-web/app/templates/components/dataset-author.hbs index 9c7c600015..684d8a2ccf 100644 --- a/wherehows-web/app/templates/components/dataset-author.hbs +++ b/wherehows-web/app/templates/components/dataset-author.hbs @@ -1,5 +1,5 @@ -
User Name | -Full Name | -Owner ID Type | -Owner Source | -Owner Type | -Owner Sub Type | -Confirmed | -+ | User Name | +Full Name | +ID Type | +Source | +Owner Type | +Owner Sub Type | +Confirmed | +Remove | {{owner.idType}} | {{owner.source}} | - {{#ember-selector values=ownerTypes selected=owner.type}} - {{/ember-selector}} + {{ember-selector values=ownerTypes selected=owner.type}} | {{input value=owner.subType}} |
---|