diff options
| author |   Anjali walsatwar <anjali.walsatwar@huawei.com> | 2018-08-17 11:03:43 +0530 |
|---|---|---|
| committer |   Idan Amit <ia096e@intl.att.com> | 2018-09-12 11:53:10 +0000 |
| commit | 4ea0c4b514eed8d65849647955bfffa97559194a (patch) | |
| tree | 9df9c14fb28f672eda4b0b805179fd5269ec4d64 /catalog-ui/src/app/ng2/components/logic/inputs-table/inputs-table.component.less | |
| parent | c72587ed4cdd2a324ef6e5a1576f9a132ef314a1 (diff) | |
Add sorting capability to property assignment
Change-Id: I74cbebac6cfe76f4334fcb46813c98686de55822
Issue-ID: SDC-1516
Signed-off-by: Anjali walsatwar <anjali.walsatwar@huawei.com>
Diffstat (limited to 'catalog-ui/src/app/ng2/components/logic/inputs-table/inputs-table.component.less')
| -rw-r--r-- | catalog-ui/src/app/ng2/components/logic/inputs-table/inputs-table.component.less | 27 |
1 files changed, 22 insertions, 5 deletions
diff --git a/catalog-ui/src/app/ng2/components/logic/inputs-table/inputs-table.component.less b/catalog-ui/src/app/ng2/components/logic/inputs-table/inputs-table.component.less index 5fbb62f7fb..72e19f3f51 100644 --- a/catalog-ui/src/app/ng2/components/logic/inputs-table/inputs-table.component.less +++ b/catalog-ui/src/app/ng2/components/logic/inputs-table/inputs-table.component.less @@ -26,6 +26,23 @@ .table-cell { font-size: 13px; + .table-header-sort-arrow { + display: inline-block; + background-color: transparent; + border: none; + color: #AAA; + margin: 8px 0 0 5px; + &.up { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid; + } + &.down { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid; + } + } } .valueCol { justify-content: flex-start; @@ -85,9 +102,9 @@ border-right:#d2d2d2 solid 1px; } &.col1 { - flex: 1 0 120px; - max-width:120px; - display: flex; + flex: 1 0 130px; + max-width:130px; + justify-content: space-between; .property-name { @@ -102,8 +119,8 @@ } } &.col2 { - flex: 0 0 150px; - max-width:150px; + flex: 0 0 140px; + max-width:140px; } &.col3 { |