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/elements/modals.scss b/app/common/styles/elements/modals.scss
index dc1c9d8..0e21a39 100644
--- a/app/common/styles/elements/modals.scss
+++ b/app/common/styles/elements/modals.scss
@@ -97,9 +97,25 @@
}
}
+.uib-modal .modal-dialog {
+ // override bootstrap max-width set at 500px
+ max-width: 550px;
+}
+
.modal-backdrop.in {
opacity: 0.5;
}
.uib-modal__content {
padding: 1em;
}
+
+.uib-modal {
+ .btn--close {
+ position: absolute;
+ right: 0;
+ top: 0;
+ svg {
+ height: 2em;
+ }
+ }
+}
\ No newline at end of file