Merge pull request #21 from yithemes/2.1.0-beta-fixes

fix select element - fix woo inputs - fix thankyou page

assets/css/general-block-style.css

@@ -109,7 +109,15 @@ textarea {
 }
 
 select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background: transparent;
+  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
+  background-repeat: no-repeat;
+  background-position: calc(100% - 10px) center;
+  padding-right: 40px !important;
   padding: 3px;
+  line-height: normal;
 }
 
 input[type=submit],

assets/css/woocommerce/woocommerce.css

@@ -295,6 +295,43 @@ Fix WooCommerce layout max-width introduced in version 7.2
   max-width: var(--wp--style--global--content-size);
 }
 
+.wc-block-components-form .wc-block-components-text-input label,
+.wc-block-components-text-input label,
+.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
+.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
+  font-size: 0.875em;
+}
+
+.wc-block-components-form .wc-block-components-text-input input[type=email],
+.wc-block-components-form .wc-block-components-text-input input[type=number],
+.wc-block-components-form .wc-block-components-text-input input[type=tel],
+.wc-block-components-form .wc-block-components-text-input input[type=text],
+.wc-block-components-form .wc-block-components-text-input input[type=url],
+.wc-block-components-text-input input[type=email],
+.wc-block-components-text-input input[type=number],
+.wc-block-components-text-input input[type=tel],
+.wc-block-components-text-input input[type=text],
+.wc-block-components-text-input input[type=url],
+.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
+.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
+  font-size: var(--wp--preset--font-size--x-small);
+}
+
+.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill + label,
+.wc-block-components-form .wc-block-components-text-input.is-active label,
+.wc-block-components-text-input input:-webkit-autofill + label,
+.wc-block-components-text-input.is-active label,
+.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label,
+.wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label,
+.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label,
+.wc-block-components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label {
+  transform: translateY(0.5em) scale(0.7) !important;
+}
+
+.wc-block-components-validation-error p {
+  font-size: var(--wp--preset--font-size--x-small) !important;
+}
+
 /**
 Responsive
 */

assets/sass/general-block-style.scss

@@ -118,7 +118,15 @@ textarea {
 }
 
 select {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background: transparent;
+    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
+    background-repeat: no-repeat;
+    background-position: calc(100% - 10px) center;
+    padding-right: 40px !important;
 	padding: 3px;
+    line-height: normal;
 }
 
 input[type="submit"],

assets/sass/woocommerce/generic.scss

@@ -301,6 +301,43 @@ Fix WooCommerce layout max-width introduced in version 7.2
     max-width: var(--wp--style--global--content-size);
 }
 
+.wc-block-components-form .wc-block-components-text-input label,
+.wc-block-components-text-input label,
+.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
+.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
+    font-size: 0.875em;
+}
+
+.wc-block-components-form .wc-block-components-text-input input[type=email],
+.wc-block-components-form .wc-block-components-text-input input[type=number],
+.wc-block-components-form .wc-block-components-text-input input[type=tel],
+.wc-block-components-form .wc-block-components-text-input input[type=text],
+.wc-block-components-form .wc-block-components-text-input input[type=url],
+.wc-block-components-text-input input[type=email],
+.wc-block-components-text-input input[type=number],
+.wc-block-components-text-input input[type=tel],
+.wc-block-components-text-input input[type=text],
+.wc-block-components-text-input input[type=url],
+.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
+.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
+	font-size: var(--wp--preset--font-size--x-small);
+}
+
+.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label,
+.wc-block-components-form .wc-block-components-text-input.is-active label,
+.wc-block-components-text-input input:-webkit-autofill+label,
+.wc-block-components-text-input.is-active label,
+.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, 
+.wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label, 
+.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label,
+.wc-block-components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label {
+    transform: translateY(.5em) scale(.7) !important;
+}
+
+.wc-block-components-validation-error p {
+	font-size: var(--wp--preset--font-size--x-small) !important;
+}
+
 /**
 Responsive
 */

functions.php

@@ -34,3 +34,6 @@
 
 // Backward compatibility.
 require_once get_theme_file_path( 'inc/backward-compatibility.php' );
+
+// Block variations.
+require_once get_theme_file_path( 'inc/registered-block-patterns-override.php' );