fix(files_external): prevent dropdown heights from shrinking

Signed-off-by: Kent Delante <kent@delante.me>

Author: leftybournes

apps/files_external/src/components/AddExternalStorageDialog/AddExternalStorageDialog.vue

@@ -93,13 +93,15 @@ watch(authMechanisms, () => {
 		<ApplicableEntities
 			v-if="isAdmin"
 			v-model:groups="internalStorage.applicableGroups"
-			v-model:users="internalStorage.applicableUsers" />
+			v-model:users="internalStorage.applicableUsers"
+			:class="$style.externalStorageDialog__dropdown" />
 
 		<NcSelect
 			v-model="backend"
 			:options="backends"
 			:disabled="!!(internalStorage.id && internalStorage.backend)"
 			:inputLabel="t('files_external', 'External storage')"
+			:class="$style.externalStorageDialog__dropdown"
 			label="name"
 			required />
 
@@ -108,6 +110,7 @@ watch(authMechanisms, () => {
 			:options="authMechanisms"
 			:disabled="!internalStorage.backend || authMechanisms.length <= 1 || !!(internalStorage.id && internalStorage.authMechanism)"
 			:inputLabel="t('files_external', 'Authentication')"
+			:class="$style.externalStorageDialog__dropdown"
 			label="name"
 			required />
 
@@ -146,4 +149,8 @@ watch(authMechanisms, () => {
 .externalStorageDialog__configuration {
 	margin-block: 0.5rem;
 }
+
+.externalStorageDialog__dropdown {
+	flex: 0 0 auto;
+}
 </style>

apps/files_external/src/components/AddExternalStorageDialog/ConfigurationEntry.vue

@@ -27,12 +27,20 @@ defineProps<{
 		:name="configKey"
 		:required="!(configOption.flags & ConfigurationFlag.Optional)"
 		:label="configOption.value"
-		:title="configOption.tooltip" />
+		:title="configOption.tooltip"
+		:class="$style.configurationEntry" />
 	<NcCheckboxRadioSwitch
 		v-else
 		v-model="value"
 		type="switch"
-		:title="configOption.tooltip">
+		:title="configOption.tooltip"
+		:class="$style.configurationEntry">
 		{{ configOption.value }}
 	</NcCheckboxRadioSwitch>
 </template>
+
+<style module>
+.configurationEntry {
+	flex: 1 0 auto;
+}
+</style>

dist/AuthMechanismRsa-BRfcoVEU.chunk.mjs

@@ -0,0 +1 @@
+._configurationEntry_1cmcq_2{flex:1 0 auto}

dist/AuthMechanismRsa-BRfcoVEU.chunk.mjs.map

@@ -0,0 +1,2 @@
+import{b as g,B as _,C as v,c as p,u as o,o as r,M as x,z as d,w as V,l as b,m as k,f as E,r as M,s as f,e as c,H as q,I as C,a0 as K,a1 as U}from"./runtime-dom.esm-bundler-BPxwHX7Q.chunk.mjs";import{c as w}from"./index-BrJdaCGp.chunk.mjs";import{a as N}from"./index-DL1yHC1K-CMMScRDn.chunk.mjs";import{t as u}from"./translation-DoG5ZELJ-1WQ7omLn.chunk.mjs";import{b as S}from"./index-wH4qlCzF.chunk.mjs";import{N as j}from"./logger-D3RVzcfQ-CDWfCblW.chunk.mjs";import{N as z}from"./NcSelect-BOFzoCwK-B36kISTQ.chunk.mjs";import{N as A}from"./NcCheckboxRadioSwitch-BVTMQSAg-DbtqHQKQ.chunk.mjs";import{N as B}from"./NcPasswordField-Be5_qcfm-BfxEvB_h.chunk.mjs";import{_ as L}from"./NcDateTime.vue_vue_type_script_setup_true_lang-BJuPH7S7-Bigt35Mk.chunk.mjs";import{C as y,a as O}from"./types-CwnbaFO9.chunk.mjs";import{a as $}from"./index-BgmsSgl5.chunk.mjs";import{l as H}from"./logger-C_3kFNq6.chunk.mjs";const P=g({__name:"ConfigurationEntry",props:_({configKey:{},configOption:{}},{modelValue:{type:[String,Boolean],default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=v(e,"modelValue");return(l,i)=>e.configOption.type!==o(y).Boolean?(r(),p(x(e.configOption.type===o(y).Password?o(B):o(L)),{key:0,modelValue:a.value,"onUpdate:modelValue":i[0]||(i[0]=t=>a.value=t),name:e.configKey,required:!(e.configOption.flags&o(O).Optional),label:e.configOption.value,title:e.configOption.tooltip,class:d(l.$style.configurationEntry)},null,8,["modelValue","name","required","label","title","class"])):(r(),p(o(A),{key:1,modelValue:a.value,"onUpdate:modelValue":i[1]||(i[1]=t=>a.value=t),type:"switch",title:e.configOption.tooltip,class:d(l.$style.configurationEntry)},{default:V(()=>[b(k(e.configOption.value),1)]),_:1},8,["modelValue","title","class"]))}}),R="_configurationEntry_1cmcq_2",G={configurationEntry:R},I={$style:G},T=$(P,[["__cssModules",I]]),D=g({__name:"AuthMechanismRsa",props:_({authMechanism:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=v(e,"modelValue"),l=M();E(l,()=>{l.value&&(a.value.private_key="",a.value.public_key="")});async function i(){try{const{data:t}=await w.post(S("/apps/files_external/ajax/public_key.php"),{keyLength:l.value});a.value.private_key=t.data.private_key,a.value.public_key=t.data.public_key}catch(t){H.error("Error generating RSA key pair",{error:t}),N(u("files_external","Error generating key pair"))}}return(t,m)=>(r(),f("div",null,[(r(!0),f(q,null,C(e.authMechanism.configuration,(n,s)=>K((r(),p(T,{key:n.value,modelValue:a.value[s],"onUpdate:modelValue":h=>a.value[s]=h,configKey:s,configOption:n},null,8,["modelValue","onUpdate:modelValue","configKey","configOption"])),[[U,!(n.flags&o(O).Hidden)]])),128)),c(o(z),{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=n=>l.value=n),clearable:!1,inputLabel:o(u)("files_external","Key size"),options:[1024,2048,4096],required:""},null,8,["modelValue","inputLabel"]),c(o(j),{disabled:!l.value,wide:"",onClick:i},{default:V(()=>[b(k(o(u)("files_external","Generate keys")),1)]),_:1},8,["disabled"])]))}}),ne=Object.freeze(Object.defineProperty({__proto__:null,default:D},Symbol.toStringTag,{value:"Module"}));export{ne as A,T as C};
+//# sourceMappingURL=AuthMechanismRsa-DlYUnt6X.chunk.mjs.map