upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-05-28 04:32:30 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 54

Set number of visibility dropdown rows dynamically

Browse source 
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
This commit is contained in:
Christopher Ng 2021-11-26 00:51:57 +00:00 committed by nextcloud-command
parent 848e589923
commit 9ac81f6c2a
3 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/settings/js/vue-settings-personal-info.js
View file

File diff suppressed because one or more lines are too long

2
apps/settings/js/vue-settings-personal-info.js.map
View file

File diff suppressed because one or more lines are too long

12
apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue
View file

@ -32,7 +32,11 @@
{{ t('settings', 'The more restrictive setting of either visibility or scope is respected on your Profile. For example, if visibility is set to "Show to everyone" and scope is set to "Private", "Private" is respected.') }}
</em>
<div class="visibility-dropdowns">
<div
class="visibility-dropdowns"
:style="{
gridTemplateRows: `repeat(${rows}, 44px)`,
}">
<VisibilityDropdown v-for="param in visibilityParams"
:key="param.id"
:param-id="param.id"
@ -89,6 +93,10 @@ export default {
disabled() {
return !this.profileEnabled
},
rows() {
return Math.ceil(this.visibilityParams.length / 2)
},
},
mounted() {
@ -137,7 +145,6 @@ section {
.visibility-dropdowns {
display: grid;
grid-template-rows: repeat(auto-fit, 44px);
gap: 10px 40px;
}
@ -146,7 +153,6 @@ section {
.visibility-dropdowns {
grid-auto-flow: column;
height: 320px;
}
}