From ac89e1ab6bf4500825fc7fc1ffe0f41821e7909e Mon Sep 17 00:00:00 2001 From: Udo Walter Date: Fri, 12 Apr 2019 03:02:30 +0000 Subject: [webapp/groups] small redesign (better UX and perforance); disable buggy tabs transition; --- webapp/src/assets/styles.css | 7 + webapp/src/components/ConfiguratorModule.vue | 4 +- webapp/src/components/DataTable.vue | 3 +- webapp/src/components/GroupModule.vue | 4 +- webapp/src/components/GroupModuleClientList.vue | 28 ++- webapp/src/components/GroupModuleClientView.vue | 3 +- webapp/src/components/GroupModuleGroupList.vue | 30 ++- webapp/src/components/GroupModuleGroupView.vue | 289 +++++++++++++----------- 8 files changed, 218 insertions(+), 150 deletions(-) (limited to 'webapp') diff --git a/webapp/src/assets/styles.css b/webapp/src/assets/styles.css index 8da9436..451d146 100644 --- a/webapp/src/assets/styles.css +++ b/webapp/src/assets/styles.css @@ -9,6 +9,13 @@ html { user-select: none; /* Standard syntax */ } +.selectable { + -webkit-user-select: auto; /* Safari 3.1+ */ + -moz-user-select: auto; /* Firefox 2+ */ + -ms-user-select: auto; /* IE 10+ */ + user-select: text; /* Standard syntax */ +} + .non-draggable { -webkit-user-drag: none; user-drag: none; diff --git a/webapp/src/components/ConfiguratorModule.vue b/webapp/src/components/ConfiguratorModule.vue index e02dff8..0641221 100644 --- a/webapp/src/components/ConfiguratorModule.vue +++ b/webapp/src/components/ConfiguratorModule.vue @@ -36,7 +36,7 @@ - + {{ $t('configs') }} @@ -57,7 +57,7 @@ create{{ $t('createConfig') }} - + {{ $t('entries') }} diff --git a/webapp/src/components/DataTable.vue b/webapp/src/components/DataTable.vue index d51b735..a537af3 100644 --- a/webapp/src/components/DataTable.vue +++ b/webapp/src/components/DataTable.vue @@ -85,7 +85,7 @@ solo flat class="rowcount-select" v-model="internalRowCount" - :items="[ 5, 10, 20, 50, 100, { text: $t('all'), value: '-1' }]" + :items="[ 5, 10, 20, 50, { text: $t('all'), value: '-1' }]" color="primary" hide-details :menu-props="{ @@ -101,6 +101,7 @@ refresh - - + + diff --git a/webapp/src/components/GroupModuleClientList.vue b/webapp/src/components/GroupModuleClientList.vue index 44cb749..ef01ee3 100644 --- a/webapp/src/components/GroupModuleClientList.vue +++ b/webapp/src/components/GroupModuleClientList.vue @@ -29,13 +29,11 @@