Update _wc-forms.scss

crftwrk · crftwrk · commit 98c2376ab69c · 2025-02-16T12:19:27.000+01:00
diff --git a/assets/scss/bootscore-woocommerce/_wc-forms.scss b/assets/scss/bootscore-woocommerce/_wc-forms.scss
@@ -88,6 +88,8 @@ WooCommerce Forms
 
   // Height
   form .form-row textarea,
+  textarea#order_comments,
+  // WC 9.7
   #reviews #comment {
     height: $spacer *7;
   }
@@ -261,45 +263,41 @@ ul.wc_payment_methods.payment_methods.methods li,
 }
 
 
-
-
-// Fix delect since WC 9.7
+// Fix checkout select and textarea since WC 9.7
 // See https://github.com/bootscore/bootscore/pull/957
-.woocommerce form .form-row select {
-  //cursor: pointer;
-  //appearance: none;
-  padding-right: 3em;
-  //background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=);
-  background-image: var(--#{$prefix}form-select-bg-img), var(--#{$prefix}form-select-bg-icon, none);;
-  
-  background-repeat: no-repeat;
-  background-size: $form-select-bg-size;
-  //background-size: 16px;
+.woocommerce form .form-row {
   
-  //background-position: calc(100% - .5em) 50%;
-background-position: $form-select-bg-position;
-}
+  .input-text,
+  select {
+    font-family: $input-font-family;
+    font-size: $input-font-size;
+    font-weight: $input-font-weight;
+    padding: $input-padding-y $input-padding-x;
+    background-color: $input-bg;
+    border: $form-select-border-width solid $form-select-border-color;
+    border-radius: $form-select-border-radius;
+    color: $form-select-color;
+    line-height: $input-line-height;
+  }
 
+  select {
+    background-image: var(--#{$prefix}form-select-bg-img),
+    var(--#{$prefix}form-select-bg-icon, none);
+    background-size: $form-select-bg-size;
+    background-position: $form-select-bg-position;
+  }
 
-//.woocommerce form .form-row .input-text, 
-.woocommerce form .form-row select {
-  font-family: inherit;
-  font-weight: $form-select-font-weight;
-  letter-spacing: normal;
-  padding: $form-select-padding-y $form-select-padding-x;
-  display: block;
-  background-color: $form-select-bg;
-  border: $form-select-border-width solid $form-select-border-color;
-  border-radius: $form-select-border-radius;
-  color: $form-select-color;
-  box-sizing: border-box;
-  width: 100%;
-  margin: 0;
-  line-height: $form-select-line-height;
-  height: auto;
-}
+  .input-text:focus,
+  select:focus { // Fixed selector
+    border-color: $input-focus-border-color;
+  }
 
+  // Validation
+  &.woocommerce-invalid select:focus {
+    border-color: var(--#{$prefix}danger);
+  }
 
-.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus {
-  border-color: $input-focus-border-color;
-}
+  &.woocommerce-validated select:focus {
+    border-color: var(--#{$prefix}success);
+  }
+}
