#180 fixed wrong input field error offsets on admin panel

bugy · Aug 15, 2020 · b60720b · b60720b
1 parent 61e89c3
commit b60720b
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 38 deletions.
diff --git a/web-src/src/assets/css/materializecss/material-textfield.css b/web-src/src/assets/css/materializecss/material-textfield.css
@@ -4,8 +4,8 @@
     font-size: 0.9em;
     display: block;
     position: absolute;
-    top: 1.7em;
-    left: 0.8em;
+    top: 3.6em;
+    left: 0.9em;
 }
 
 .input-field input[type="text"]:invalid,

diff --git a/web-src/src/main-app/components/scripts/script-parameters-view.vue b/web-src/src/main-app/components/scripts/script-parameters-view.vue
@@ -14,35 +14,35 @@
 </template>
 
 <script>
-    import Checkbox from '@/common/components/checkbox'
-    import Combobox from '@/common/components/combobox'
-    import FileUpload from '@/common/components/file_upload'
-    import ServerFileField from '@/common/components/server_file_field'
-    import Textfield from '@/common/components/textfield'
-    import {mapActions, mapState} from 'vuex'
-    import {comboboxTypes, isRecursiveFileParameter} from '../../utils/model_helper'
-
-    export default {
-        name: 'script-parameters-view',
-
-        computed: {
-            ...mapState('scriptConfig', {
-                parameters: 'parameters'
-            }),
-            ...mapState('scriptSetup', {
-                parameterValues: 'parameterValues'
-            })
-        },
-
-        methods: {
-            ...mapActions('scriptSetup', {
-                setParameterValueInStore: 'setParameterValue',
-                setParameterErrorInStore: 'setParameterError'
-            }),
-            getComponentType(parameter) {
-                if (parameter.withoutValue) {
-                    return Checkbox;
-                } else if (isRecursiveFileParameter(parameter)) {
+import Checkbox from '@/common/components/checkbox'
+import Combobox from '@/common/components/combobox'
+import FileUpload from '@/common/components/file_upload'
+import ServerFileField from '@/common/components/server_file_field'
+import Textfield from '@/common/components/textfield'
+import {mapActions, mapState} from 'vuex'
+import {comboboxTypes, isRecursiveFileParameter} from '../../utils/model_helper'
+
+export default {
+  name: 'script-parameters-view',
+
+  computed: {
+    ...mapState('scriptConfig', {
+      parameters: 'parameters'
+    }),
+    ...mapState('scriptSetup', {
+      parameterValues: 'parameterValues'
+    })
+  },
+
+  methods: {
+    ...mapActions('scriptSetup', {
+      setParameterValueInStore: 'setParameterValue',
+      setParameterErrorInStore: 'setParameterError'
+    }),
+    getComponentType(parameter) {
+      if (parameter.withoutValue) {
+        return Checkbox;
+      } else if (isRecursiveFileParameter(parameter)) {
                     return ServerFileField;
                 } else if (comboboxTypes.includes(parameter.type)) {
                     return Combobox;
@@ -99,20 +99,25 @@
     }
 
     .script-parameters-panel >>> .input-field input[type=checkbox] + span {
-        padding-left: 28px;
+      padding-left: 28px;
     }
 
     .script-parameters-panel >>> .input-field .select-wrapper + label {
-        transform: scale(0.8);
-        top: -18px;
+      transform: scale(0.8);
+      top: -18px;
+    }
+
+    .script-parameters-panel >>> .input-field:after {
+      top: 1.7em;
+      left: 0.1em;
     }
 
     .script-parameters-panel >>> .dropdown-content {
-        max-width: 50vw;
-        min-width: 100%;
-        white-space: nowrap;
+      max-width: 50vw;
+      min-width: 100%;
+      white-space: nowrap;
 
-        margin-bottom: 0;
+      margin-bottom: 0;
     }
 
     .script-parameters-panel >>> .dropdown-content > li > span {