@progressive-development/pd-forms 0.1.20 → 0.1.22

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent pd-forms following open-wc recommendations",
   "license": "SEE LICENSE IN LICENSE",
   "author": "PD Progressive Development",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "main": "index.js",
   "module": "index.js",
   "scripts": {

package/src/PdBaseUiInput.js

@@ -187,14 +187,14 @@ import { SharedInputStyles } from './shared-input-styles.js';
                     composed: true,
                     bubbles: true,
                 })
-            );
+            );         
+        }
 
-            if (showValidateMsg) {
-                // generate validation event after delay
-                clearTimeout(delayTimer);
-                delayTimer = setTimeout(this._generateValidateEvent.bind(this),
-                    DELAY_WAIT_TIME_MS);
-            }
+        if (showValidateMsg) {
+            // generate validation event after delay
+            clearTimeout(delayTimer);
+            delayTimer = setTimeout(this._generateValidateEvent.bind(this),
+                DELAY_WAIT_TIME_MS);
         }
     }
 

package/src/PdButton.js

@@ -29,7 +29,7 @@
          width: 100%; => Ohne diese Angabe eht die % Angaben icht
          */                    
          margin: 0.5rem;
-         margin-left: 0; /* Um gleich zum input field zu sein */
+         margin-left: 0.5rem; /* Um gleich zum input field zu sein  LE: War vorher 0? Auf 0.5 angepasst für login form */
  
          pointer-events: none;
        }

package/src/PdFormRow.js

@@ -29,48 +29,55 @@ export class PdFormRow extends PdBaseUI {
       min-width: var(--my-row-width);        
       max-width: 100%;      
       gap: var(--my-gap);           
-      align-items: flex-start;      
-      justify-content: var(--pd-form-row-align, left);     
+      align-items: flex-start;           
+      justify-content: var(--pd-form-row-allign, left);
       padding-top: var(--pd-form-row-padding-top, 10px);
     }
 
     ::slotted(.full-size) {
       --pd-input-field-width: 100%;
+      --pd-button-width: var(--pd-input-field-width);
     }
 
     ::slotted(.quarter1) {      
       --pd-input-field-width: calc(var(--my-row-width) * 0.25  - (var(--my-gap) * 0.75));
-      
+      --pd-button-width: var(--pd-input-field-width);
     }
     
     ::slotted(.quarter1-area) {      
       --pd-input-field-width: calc((var(--my-row-width) - 5px) * 0.25  - (var(--my-gap) * 0.75));
+      --pd-button-width: var(--pd-input-field-width);
       
     }
 
     ::slotted(.quarter2) {      
-      --pd-input-field-width: calc((var(--my-row-width) * 0.5) - (var(--my-gap) / 2));          
-      
+      --pd-input-field-width: calc((var(--my-row-width) * 0.5) - (var(--my-gap) / 2));     
+      --pd-button-width: var(--pd-input-field-width);      
     }
 
     ::slotted(.quarter2-area) {      
       --pd-input-field-width: calc(((var(--my-row-width) - 8px) * 0.5) - (var(--my-gap) / 2));
+      --pd-button-width: var(--pd-input-field-width);      
     }
 
     ::slotted(.quarter3) {      
       --pd-input-field-width: calc(var(--my-row-width) * 0.75  - (var(--my-gap) * 0.25));          
+      --pd-button-width: var(--pd-input-field-width);      
     }    
     /* Area is longer? Scrollbar? */
     ::slotted(.quarter3-area) {
       --pd-input-field-width: calc((var(--my-row-width) - 10px) * 0.75  - (var(--my-gap) * 0.25));          
+      --pd-button-width: var(--pd-input-field-width);      
     }
 
     ::slotted(.quarter4) {
-      --pd-input-field-width: var(--my-row-width);                
+      --pd-input-field-width: var(--my-row-width);         
+      --pd-button-width: var(--pd-input-field-width);             
     }   
     /* Area is longer? Scrollbar? */
     ::slotted(.quarter4-area) {
       --pd-input-field-width: calc(var(--my-row-width) - 15px);
+      --pd-button-width: var(--pd-input-field-width);      
     }
 
     @media (max-width: 930px) {