diff client/src/components/usermanagement/Userdetail.vue @ 2322:a25b4988eb0c

client: fixed usermanagement styles Content was breaching out of the viewport because of use of vh/vw units which include scrollbars. The style of Usermanagement.vue is now also scoped. The tooltip css had to move to the main application.scss for it to still work.
author Markus Kottlaender <markus@intevation.de>
date Tue, 19 Feb 2019 09:49:14 +0100
parents f2c67ebeaabb
children f185503ef35a
line wrap: on
line diff
--- a/client/src/components/usermanagement/Userdetail.vue	Tue Feb 19 09:13:27 2019 +0100
+++ b/client/src/components/usermanagement/Userdetail.vue	Tue Feb 19 09:49:14 2019 +0100
@@ -1,5 +1,5 @@
 <template>
-  <div class="userdetails mt-3 shadow fadeIn animated card">
+  <div class="userdetails shadow-xs fadeIn animated card">
     <h6
       class="mb-0 py-2 px-3 border-bottom d-flex text-info align-items-center"
     >
@@ -154,8 +154,6 @@
 
 .userdetails {
   height: 600px;
-  margin-top: $offset;
-  margin-left: $offset;
   margin-right: $offset;
 }
 
@@ -252,11 +250,11 @@
   },
   computed: {
     cardHeader() {
-      if (this.currentUser.isNew) return "N.N";
+      if (this.currentUser.isNew) return this.$gettext("Add User");
       return this.currentUser.user;
     },
     userNamePlaceholder() {
-      if (this.currentUser.isNew) return "N.N";
+      if (this.currentUser.isNew) return this.$gettext("Username");
       return "";
     },
     ...mapState("application", ["countries"]),