Mercurial > gemma
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"]),