diff options
| author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-07-17 11:23:15 -0500 |
|---|---|---|
| committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-08-13 11:37:28 -0500 |
| commit | fa56273db9ac556ca52db5d6d653b16eb63ca54e (patch) | |
| tree | f534fbdaf5136e9f0f54f331d32a1bf4d02329ce /app/common/styles/components | |
| parent | 30d7c6377f70382088436c7a4830663eb522d588 (diff) | |
| download | phosphor-webui-fa56273db9ac556ca52db5d6d653b16eb63ca54e.tar.gz phosphor-webui-fa56273db9ac556ca52db5d6d653b16eb63ca54e.zip | |
Update local user table to new design
This commit will introduce a reusable data table component.
By creating a reusable component, we can ensure tables in the
GUI will look consistent and common table actions (sort, select row)
are shared.
- Created new components directory to store shared components
- Add password-confirmation directive
- Remove some error handling from API utils so it can be
handled in the UI
TODO:
- Add show/hide toggle to password fields
- Enhance table component with icons
- Manual user unlock
- Batch table actions
- Role table
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I03c95874d2942a2450a5da2f1d2a8bb895aa1746
Diffstat (limited to 'app/common/styles/components')
| -rw-r--r-- | app/common/styles/components/table.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/app/common/styles/components/table.scss b/app/common/styles/components/table.scss index 67dc0be..17df264 100644 --- a/app/common/styles/components/table.scss +++ b/app/common/styles/components/table.scss @@ -146,3 +146,25 @@ } } } + +.bmc-table { + width: 100%; +} + +.bmc-table__row { + border-bottom: 1px solid $border-color-01; +} + +.bmc-table__column-header { + padding: 10px 16px; + background-color: $background-03; +} + +.bmc-table__cell { + padding: 4px 16px; + background-color: $base-02--07; +} + +.bmc-table__row-actions { + text-align: right; +}
\ No newline at end of file |
