From f3bc117d9e510bd7a9b76b9c51f1920095f939a5 Mon Sep 17 00:00:00 2001 From: acdmft Date: Mon, 29 May 2023 11:18:44 +0200 Subject: [PATCH 01/79] fix(vue): add ref to NcActions and this.$refs.ncAction.opened=false This PR is intended to fix a minor bug of the UI: wWhen trying to rename a user group and there is an error message the modal window continue to be present on the page. This is fixed with adding ref to corresponding component and then call 'this.$refs.ncAction.opened=false'. --- src/GroupDetails.vue | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/src/GroupDetails.vue b/src/GroupDetails.vue index 6e2fcd98f..df7f21b3a 100644 --- a/src/GroupDetails.vue +++ b/src/GroupDetails.vue @@ -1,23 +1,23 @@ @@ -369,7 +371,7 @@ export default { display: flex !important; min-height: 520px !important; max-height: 520px !important; - width: 38vw !important; + width: 640px !important; } .multiselect__tags { @@ -384,12 +386,13 @@ export default { justify-content: space-around; } .select-users-actions button { - width: 30%; - flex-grow: 1; display: flex; flex-direction: column; background-position: 10px center; } +.select-users-actions button, .add-users-wrapper button { + width: 14rem; +} .header-modal { display: flex; From 46aeaf71b38a3cc3ad6783b19e4cfc3fc3e2f830 Mon Sep 17 00:00:00 2001 From: acdmft Date: Mon, 24 Jul 2023 15:32:05 +0200 Subject: [PATCH 70/79] Revert "style(vue): add styles to the modal-container buttons" This reverts commit 3ad57433106e34d5630a62ff6cbcac6b96d7d04f. --- src/SelectUsers.vue | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/src/SelectUsers.vue b/src/SelectUsers.vue index d59bd4ec4..afbe56874 100644 --- a/src/SelectUsers.vue +++ b/src/SelectUsers.vue @@ -82,11 +82,6 @@

{{ t('workspace', 'Caution, users highlighted in red are not yet member of this workspace. They will be automaticaly added.') }}

-
- -
+
@@ -371,7 +369,7 @@ export default { display: flex !important; min-height: 520px !important; max-height: 520px !important; - width: 640px !important; + width: 38vw !important; } .multiselect__tags { @@ -386,13 +384,12 @@ export default { justify-content: space-around; } .select-users-actions button { + width: 30%; + flex-grow: 1; display: flex; flex-direction: column; background-position: 10px center; } -.select-users-actions button, .add-users-wrapper button { - width: 14rem; -} .header-modal { display: flex; From 318fec9ee3335453ecc7885549e8dbe29d4a363a Mon Sep 17 00:00:00 2001 From: acdmft Date: Mon, 24 Jul 2023 16:06:59 +0200 Subject: [PATCH 71/79] Revert "style(vue, css): change classes for table elements to fix picker behaviour (hover effect)" This reverts commit 408ffec67dfbda5ccf9a485ecad555842f7b34b3. --- css/workspace-style.css | 45 +++++++++++++++++++---------------------- src/SpaceTable.vue | 19 +++++++++-------- src/UserTable.vue | 29 +++++++++++++++----------- 3 files changed, 47 insertions(+), 46 deletions(-) diff --git a/css/workspace-style.css b/css/workspace-style.css index be47df666..61b593a40 100644 --- a/css/workspace-style.css +++ b/css/workspace-style.css @@ -20,6 +20,27 @@ * along with this program. If not, see . * */ + +th { + color: grey; + padding: 5px; + border-bottom: 1px solid lightgray; +} + +td { + padding: 5px; + border-bottom: 1px solid lightgray; +} + +tr { + height: 50px; + padding: 5px; +} + +tr:hover { + background-color: var(--color-backgroud-hover) !important; +} + .header { height: 0px; display: flex; @@ -48,31 +69,7 @@ font-size: 20px; margin-top: 10px; } -<<<<<<< HEAD .user-counter { margin-right: 5px; -======= -.table-space-detail { - width: 100%; - margin-top: -25px; -} -.workspace-th { - color: grey; - padding: 5px; - border-bottom: 1px solid lightgray; -} - -.workspace-td { - padding: 5px; - border-bottom: 1px solid lightgray; -} - -.workspace-tr { - height: 50px; - padding: 5px; -} -.workspace-tr:hover { - background-color: var(--color-backgroud-hover) !important; ->>>>>>> 1b7d897 (style(vue, css): change classes for table elements to fix picker behaviour (hover effect)) } diff --git a/src/SpaceTable.vue b/src/SpaceTable.vue index b07544f34..ccc4eb7ac 100644 --- a/src/SpaceTable.vue +++ b/src/SpaceTable.vue @@ -25,23 +25,22 @@
- - - - + + + + - - - - + +
- {{ t('workspace', 'Workspace name') }}{{ t('workspace', 'Quota') }}{{ t('workspace', 'Space administrators') }}
+ {{ t('workspace', 'Workspace name') }}{{ t('workspace', 'Quota') }}{{ t('workspace', 'Space administrators') }}
+ {{ name }} {{ space.quota }} + {{ name }} {{ space.quota }}
- - + - - - + + - - - - - + +
- +
+ {{ t('workspace', 'Users') }} {{ t('workspace', 'Role') }}{{ t('workspace', 'Groups') }} + {{ t('workspace', 'Role') }}{{ t('workspace', 'Groups') }}
+ :class="$store.getters.isSpaceAdmin(user, $route.params.space) ? 'list user-admin' : 'list user-simple'"> + +
{{ user.name }}
@@ -49,9 +49,9 @@ {{ user.email }}
{{ t('workspace', $store.getters.isSpaceAdmin(user, $route.params.space) ? 'admin' : 'user') }} {{ user.groups.map(group => $store.getters.groupName($route.params.space, group)).join(', ') }} + {{ t('workspace', $store.getters.isSpaceAdmin(user, $route.params.space) ? 'admin' : 'user') }} {{ user.groups.map(group => $store.getters.groupName($route.params.space, group)).join(', ') }}