Fix: Right-Padding wrong

braandl · Oct 13, 2023 · 91039f3 · 91039f3
1 parent 364a88f
commit 91039f3
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -8,9 +8,15 @@
 </head>
 <body>
     <div style="margin:15px; text-decoration: underline;"><h1>i18nInputViewDemo</h1></div>
+
+    <p>Simple Styled Input</p>
     <div placeholder="['Deutsch', 'Österreichisch', 'English-GB', 'English-US', 'NL', 'IT', 'ES', 'Einfache Sprache']" class="demo" input-class="form-control" expander-class="roundcorners" id="my_id1" width="350" languages="['de_DE','de_AT','en_EN','en_US','nl_NL','it_IT','es_ES','de_SP']" ></div>
 
+    <p>TextArea</p>
+    <div rows="5" placeholder="['Deutsch', 'Österreichisch', 'English-GB', 'English-US', 'NL', 'IT', 'ES', 'Einfache Sprache']" class="demo" input-class="form-control" expander-class="roundcorners" id="my_id_area" width="350" languages="['de_DE','de_AT','en_EN','en_US','nl_NL','it_IT','es_ES','de_SP']" ></div>
+
     <div style="border: 1px solid #ccc; padding-top: 20px; padding-bottom: 20px; margin: 45px 15px 15px 15px; width: 350px;">
+        <p>Form Data</p>
         <form method="POST" action="demo.html">
             <div style="margin-left: 16px; margin-top: -10px" id="my_id2" width="250" submitOnMissing="false" languages="['de_DE','de_AT','en_EN', 'de_SP']"></div>
             <input style="margin-left: 16px; margin-top:40px;" type="submit" name="submit" value="Absenden"/>
@@ -28,6 +34,7 @@
             //var i18nInput = new i18nInputView(['de_DE, en_EN, fr_FR, de SP']);
 
             i18n("my_id1");
+            i18n("my_id_area");
             i18n("my_id2");
             $("#my_id2").registerFormIncompleteHandler(function() {
                 alert('Please fill in all languages!');

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "i18ninput",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "author": "Stephan Brandt <stephan.brandt@contagt.com>",
   "homepage": "https://braandl.github.io/i18nInput/",
   "repository": {
@@ -52,8 +52,8 @@
     "webpack-stream": "^2.1.1"
   },
   "dependencies": {
+    "core-js": "^3.7.0",
     "jquery": "^3.2.1",
-    "npm": "^6.8.0",
-    "core-js": "^3.7.0"
+    "npm": "^6.8.0"
   }
 }
diff --git a/pkg/i18nInput.js b/pkg/i18nInput.js
diff --git a/pkg/i18nInput.js.map b/pkg/i18nInput.js.map
diff --git a/pkg/style.css b/pkg/style.css
@@ -2,6 +2,10 @@
   margin: 15px;
 }
 
+p {
+  margin-left: 18px;
+}
+
 .default-picker {
   right: 7px;
   cursor: pointer;

diff --git a/src/css/base.css b/src/css/base.css
@@ -1,6 +1,11 @@
 .demo {
     margin: 15px;
 }
+
+p {
+    margin-left: 15px;
+}
+
 .default-picker {
     right: 7px;
     cursor: pointer;

diff --git a/src/js/InputTool.js b/src/js/InputTool.js
@@ -18,9 +18,9 @@ class InputTool
         let placeholder = el.attr("placeholder") !== undefined ? "placeholder=''" : "";
         let rows = parseInt(el.attr('rows'));
         if (rows === 1 || !rows) {
-            el.append("<input "+placeholder+" class='"+this.inputStyleClasses+"' type='text' />");
+            el.append("<input "+placeholder+" class='"+this.inputStyleClasses+"' type='text' style='padding-right: 36px;'/>");
         } else {
-            el.append("<textarea "+placeholder+" class='"+this.inputStyleClasses+"' style='line-height: 12px' type='text' rows='"+rows+"'></textarea>");
+            el.append("<textarea "+placeholder+" class='"+this.inputStyleClasses+"' style='padding-right: 36px; line-height: 12px' type='text' rows='"+rows+"'></textarea>");
         }
 
         this.input = $(el.children()[el.children().length - 1]);