3636 </button >
3737 </div >
3838 <div class =" vue-ui-table-dialog-field"
39- <label class =" label vue-ui-table-dialog-input-label"
40- {{ FINAL_CONFIG.translations.filename }}
41- <input ref =" filenameInputRef" @keydown.space.stop pattern =" .*" class =" vue-ui-table-dialog-input" type =" text" v-model =" filename"
39+ <label class =" label vue-ui-table-dialog-input-label" style =" width 100% ;"
40+ <span style =" width fit-content "
41+ {{ FINAL_CONFIG.translations.filename }}
42+ </span >
43+ <input name =" filename" ref =" filenameInputRef" @keydown.space.stop pattern =" .*" class =" vue-ui-table-dialog-input" type =" text" v-model =" filename"
4244 </label >
43- <button class =" vue-ui-table-dialog-field-button" @click =" filename = ''"
45+ <button v-if = " !!filename " class =" vue-ui-table-dialog-field-button" @click =" filename = ''"
4446 <BaseIcon name =" close" :stroke =" FINAL_CONFIG.style.exportMenu.color" :size =" 18"
4547 </button >
4648 </div >
@@ -2503,18 +2505,18 @@ button.th-reset:not(:disabled) {
25032505}
25042506
25052507.vue - ui- table- main .vue - ui- table- dialog- field {
2506- width: calc (100 % - 12px );
2507- padding- right: 12px ;
2508- align- items: center;
2508+ width: 100 % ;
25092509 position: relative;
2510+ display: flex;
2511+ flex- direction: column;
25102512}
25112513
25122514.vue - ui- table- dialog- field {
25132515 width: 100 % ;
25142516}
25152517
25162518input .vue - ui- table- dialog- input {
2517- width: calc ( 100 % - 44px ) ;
2519+ width: 100 % ! important ;
25182520 padding- right: 44px ;
25192521}
25202522
@@ -2524,8 +2526,8 @@ input.vue-ui-table-dialog-input {
25242526 box- shadow: none;
25252527 outline: none;
25262528 position: absolute;
2527- right: 4px ;
2528- top: 26px ;
2529+ right: 0px ;
2530+ top: 0px ;
25292531 min- width: 36px ! important;
25302532 width: 36px ;
25312533}
0 commit comments