aboutsummaryrefslogtreecommitdiffstats
path: root/apps/settings/src
diff options
context:
space:
mode:
authorCarl Schwan <carl@carlschwan.eu>2022-12-06 17:43:08 +0100
committerCarl Schwan <carl@carlschwan.eu>2022-12-06 17:56:42 +0100
commit27bfa74cc54e52d31551d5b31db249d31d45c7a0 (patch)
tree86cb70cc6099b4211637d364afd49ffa3103b690 /apps/settings/src
parent714a5dc723a5d1c3aa39996a0fd962041044d2f1 (diff)
downloadnextcloud-server-27bfa74cc54e52d31551d5b31db249d31d45c7a0.tar.gz
nextcloud-server-27bfa74cc54e52d31551d5b31db249d31d45c7a0.zip
Fix profile visibility not appearing
And refactor how the grid works (now it's automatically using the correct size instead of harcoding it) Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'apps/settings/src')
-rw-r--r--apps/settings/src/components/PersonalInfo/AvatarSection.vue2
-rw-r--r--apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue7
2 files changed, 5 insertions, 4 deletions
diff --git a/apps/settings/src/components/PersonalInfo/AvatarSection.vue b/apps/settings/src/components/PersonalInfo/AvatarSection.vue
index 54f85ee7f67..ce3c80d4820 100644
--- a/apps/settings/src/components/PersonalInfo/AvatarSection.vue
+++ b/apps/settings/src/components/PersonalInfo/AvatarSection.vue
@@ -21,7 +21,7 @@
-->
<template>
- <section>
+ <section id="vue-avatar-section">
<HeaderBar :input-id="avatarChangeSupported ? inputId : null"
:readable="avatar.readable"
:scope.sync="avatar.scope" />
diff --git a/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue b/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue
index eab49f11f49..a617debd6c1 100644
--- a/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue
+++ b/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue
@@ -81,7 +81,7 @@ export default {
.sort(compareParams),
// TODO remove this when not used once the settings layout is updated
marginLeft: window.matchMedia('(min-width: 1600px)').matches
- ? window.getComputedStyle(document.getElementById('personal-settings-avatar-container')).getPropertyValue('width').trim()
+ ? window.getComputedStyle(document.getElementById('vue-avatar-section')).getPropertyValue('width').trim()
: '0px',
}
},
@@ -101,7 +101,7 @@ export default {
// TODO remove this when not used once the settings layout is updated
window.onresize = () => {
this.marginLeft = window.matchMedia('(min-width: 1600px)').matches
- ? window.getComputedStyle(document.getElementById('personal-settings-avatar-container')).getPropertyValue('width').trim()
+ ? window.getComputedStyle(document.getElementById('vue-avatar-section')).getPropertyValue('width').trim()
: '0px'
}
},
@@ -121,7 +121,8 @@ export default {
<style lang="scss" scoped>
section {
padding: 30px;
- max-width: 100vw;
+ max-width: 900px;
+ width: 100%;
em {
display: block;