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
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