mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix popover menu overlapping 

Signed-off-by: GretaD <gretadoci@gmail.com>
This commit is contained in:
GretaD 2020-01-14 20:16:22 +01:00 committed by Julius Härtl
parent 5fa31f1335
commit 04281407f1
6 changed files with 7975 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/settings/css/settings.scss
View File

@ -597,8 +597,8 @@ span.usersLastLoginTooltip {
}
.userActions {
position: sticky;
right: 50px;
z-index: 110;
right: 60px;
z-index: 20;
}
.userActions input {
width: 44px;
@ -1371,6 +1371,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
grid-row-start: span 1;
grid-gap: 3px;
align-items: center;
z-index: 0;
/* let's define the column until storage path,
what follows will be manually defined */
grid-template-columns: 44px minmax($grid-col-min-width + 30px, 1fr) repeat(auto-fit, minmax($grid-col-min-width, 1fr));
@ -1408,7 +1409,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
.userActions {
min-width: 44px;
position: sticky;
right: 50px;
right: 20px;
z-index: 109;
}
.subtitle {

3536
apps/settings/js/vue-1.js Normal file
View File

File diff suppressed because one or more lines are too long

1
apps/settings/js/vue-1.js.map Normal file
View File

File diff suppressed because one or more lines are too long

4422
apps/settings/js/vue-3.js Normal file
View File

File diff suppressed because it is too large Load Diff

1
apps/settings/js/vue-3.js.map Normal file
View File

File diff suppressed because one or more lines are too long

12
apps/settings/src/components/UserList/UserRow.vue
View File

@ -56,10 +56,14 @@
:sub-admins-groups="subAdminsGroups"
:user-actions="userActions"
:user="user"
:class="{'row--menu-opened': openedMenu}"
@hideMenu="hideMenu"
@toggleMenu="toggleMenu" />
<div v-else
:class="{'disabled': loading.delete || loading.disable}"
:class="{
'disabled': loading.delete || loading.disable,
'row--menu-opened': openedMenu
}"
:data-id="user.id"
class="row row--editable">
<div :class="{'icon-loading-small': loading.delete || loading.disable || loading.wipe}"
@ -675,3 +679,9 @@ export default {
},
}
</script>
<style scoped lang="scss">
// Force menu to be above other rows
.row--menu-opened {
z-index: 1 !important;
}
</style>