diff options
| author |   ys9693 <ys9693@att.com> | 2020-01-19 13:50:02 +0200 |
|---|---|---|
| committer |   Ofir Sonsino <ofir.sonsino@intl.att.com> | 2020-01-22 12:33:31 +0000 |
| commit | 16a9fce0e104a38371a9e5a567ec611ae3fc7f33 (patch) | |
| tree | 03a2aff3060ddb5bc26a90115805a04becbaffc9 /catalog-ui/src/assets/styles/table-style.less | |
| parent | aa83a2da4f911c3ac89318b8e9e8403b072942e1 (diff) | |
Catalog alignment
Issue-ID: SDC-2724
Signed-off-by: ys9693 <ys9693@att.com>
Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe
Diffstat (limited to 'catalog-ui/src/assets/styles/table-style.less')
| -rw-r--r-- | catalog-ui/src/assets/styles/table-style.less | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/catalog-ui/src/assets/styles/table-style.less b/catalog-ui/src/assets/styles/table-style.less new file mode 100644 index 0000000000..fa61a669b0 --- /dev/null +++ b/catalog-ui/src/assets/styles/table-style.less @@ -0,0 +1,89 @@ +@import "./override"; + +:host ::ng-deep { + + .externalActionLabel { + color: @sdcui_color_blue; + } + + .ngx-datatable { + border: 1px solid @sdcui_color_light-gray; + > div { + height: 100%; + min-height: 500px; + datatable-body { + height: calc(100% - 50px) !important; + overflow-y: auto; + overflow-x: hidden; + max-height: 500px; + } + } + //********************************************* + + .datatable-header { + background-color: @sdcui_color_silver; + border-bottom: 1px solid @sdcui_color_light-gray; + + .datatable-header-inner { + height: 100%; + align-items: center; + + .datatable-header-cell { + box-sizing: border-box; + color: @sdcui_color_dark-gray; + border-right: 1px solid @sdcui_color_light-gray; + font-weight: bold; + text-align: center; + padding: 10px; + + .datatable-icon-up { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid @sdcui_color_dark-gray; + } + + .datatable-icon-down { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid @sdcui_color_dark-gray; + } + } + } + } + + .datatable-body-cell { + padding: 5px 20px; + border-bottom: 1px solid @sdcui_color_light-gray; + border-right: 1px solid @sdcui_color_light-gray; + font-family: OpenSans-Regular, sans-serif; + font-size: 13px; + font-weight: normal; + .label { + font-family: OpenSans-Regular, sans-serif; + font-size: 13px; + color: @sdcui_color_gray; + } + } + .datatable-body-row:hover { + background-color: @sdcui_color_light-silver; + } + + } + .datatable-row-detail { + padding: 10px 25px; + border-bottom: 1px solid @sdcui_color_light-gray; + } + + .empty-row { + padding: 10px; + } + +} + +.expand-collapse-cell { + display: flex; + align-items: center; + .expand-collapse-icon { + padding-right: 10px; + } +}
\ No newline at end of file |