Merge pull request #1 from mageworx/design-fixes

Fixes for styles
mageworx · Apr 21, 2021 · a2c656b · a2c656b
2 parents ca29640 + 08cbafd
commit a2c656b
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 3 deletions.
diff --git a/composer.json b/composer.json
@@ -4,10 +4,10 @@
     "require": {
         "magento/module-ui" : ">=100.1.0 < 102",
         "mageworx/module-checkout" : ">=1.0.0",
-        "mageworx/module-deliverydate" : ">=1.8.6"
+        "mageworx/module-deliverydate" : ">=1.8.6 < 1.13.1"
     },
     "type": "magento2-module",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "license": [
         "OSL-3.0",
         "AFL-3.0"

diff --git a/view/frontend/layout/mageworx_checkout_onepage_index.xml b/view/frontend/layout/mageworx_checkout_onepage_index.xml
@@ -0,0 +1,5 @@
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <head>
+        <css src="MageWorx_DeliveryDateCheckout::styles.css"/>
+    </head>
+</page>
diff --git a/view/frontend/web/images/chevron-down.svg b/view/frontend/web/images/chevron-down.svg
diff --git a/view/frontend/web/styles.css b/view/frontend/web/styles.css
@@ -0,0 +1,14 @@
+.delivery-date-container-checkout .admin__control-text,
+.delivery-date-container-checkout .admin__control-select{
+    background-color: #f4f4f4!important;
+    border-color: #ffffff!important;
+    background-image: url(./images/chevron-down.svg)!important;
+}
+
+#delivery-date-container .admin__control-select,
+#delivery-date-container .admin__control-text,
+#delivery-date-container .admin__control-textarea {
+    font-family: inherit;
+    font-size: 1.6rem;
+    font-weight: 600;
+}
diff --git a/view/frontend/web/template/container.html b/view/frontend/web/template/container.html
@@ -4,7 +4,7 @@
  * See LICENSE.txt for license details.
  */
 -->
-<div data-bind="visible: isVisible" id="delivery-date-container">
+<div data-bind="visible: isVisible" id="delivery-date-container" class="delivery-date-container-checkout">
     <each args="data: elems, as: 'element'">
         <render if="hasTemplate()"/>
     </each>