mobile styling optimizations

pimcore · Sep 24, 2019 · 18aab2c · 18aab2c
1 parent ca75de9
commit 18aab2c
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 38 deletions.
diff --git a/app/Resources/views/checkout/checkout_address.html.twig b/app/Resources/views/checkout/checkout_address.html.twig
@@ -65,7 +65,7 @@
                     {{ form_end(form) }}
 
                 </div>
-                <div class="col-md-4 mb-4">
+                <div class="col-md-4 mb-4 mt-5 mt-md-0">
                     {% include 'cart/shared/order_summary.html.twig' %}
                 </div>
             </div>

diff --git a/app/Resources/views/layouts/layout.html.twig b/app/Resources/views/layouts/layout.html.twig
@@ -136,7 +136,7 @@
                     <div class="row">
                         {% set leftNavShow = document.getProperty('left_nav_show') %}
                         {% set showBreadcrumbs = (hideBreadcrumbs is defined) ? not hideBreadcrumbs : true %}
-                        {% set mainColClass = leftNavShow ? 'col-md-9 pt-5 order-last' : 'col-md-12 pt-5' %}
+                        {% set mainColClass = leftNavShow ? 'col-md-9 pt-3 pt-md-5 order-last' : 'col-md-12 pt-3 pt-md-5' %}
 
                         <div class="{{ mainColClass }}">
                             {% if showBreadcrumbs %}
@@ -158,7 +158,7 @@
                         </div>
 
                         {% if leftNavShow %}
-                            <div class="col-md-3 pt-5 order-first sidebar">
+                            <div class="col-md-3 pt-3 pt-md-5 order-first sidebar">
                                 <div class="sticky">
                                     <div class="bs-sidebar hidden-print affix-top" role="complementary">
                                         {% set leftStartNode = document.getProperty('left_nav_start_node') %}

diff --git a/app/Resources/views/payment/checkout_payment.html.twig b/app/Resources/views/payment/checkout_payment.html.twig
@@ -124,7 +124,7 @@
 
                 </div>
 
-                <div class="col-md-4 mb-4">
+                <div class="col-md-4 mb-4 mt-5 mt-md-0">
                     {% include 'cart/shared/order_summary.html.twig' %}
                 </div>
 

diff --git a/web/static/css/global.css b/web/static/css/global.css
@@ -67,7 +67,7 @@ h4, .display-4 {
     font-size: 30px;
     font-weight: bold;
     letter-spacing: -0.56px;
-    line-height: 56px;
+    line-height: 40px;
     text-transform: initial;
     overflow-wrap: break-word;
 }
@@ -590,12 +590,12 @@ input.form-control {
 }
 
 @media (max-width: 768px) {
-    h1, .display-1 {
+    h1, .display-1, .main-content h1 {
         font-size: 2em;
         line-height: inherit;
     }
 
-    h2 {
+    h2, .main-content h2 {
         font-size: 2em;
     }
 
@@ -1408,37 +1408,6 @@ section img {
     position: relative;
 }
 
-/**
-.custom-product-card .product-img:after{
-    content: "";
-    position: absolute;
-    width:100%;
-    height:100%;
-    top:0;
-    left:0;
-    background: linear-gradient(to left, rgba(210, 130, 19,0.5) , rgba(170, 55, 114,0.5));
-    transform:translateY(-100%);
-    transition:  all 0.30s ease 0s;
-}
-.custom-product-card:hover .product-img:after{
-    transform:translateY(0);
-}
-
-.custom-product-card .product-img:before{
-    content: url("../images/logo.svg");
-    width: 100%;
-    height: 100%;
-    text-align:center;
-    position:absolute;
-    top:-50%;
-    transition: all 0.50s ease 0s;
-    z-index: 1;
-}
-.custom-product-card:hover .product-img:before{
-    top:30%;
-}
-**/
-
 /** events page **/
 #vueapp .header {
     background: #f2f2f2;
-Original file line number
+Diff line change
@@ Expand Up / @@ -124,7 +124,7 @@ @@
                     </div>
-                    <div class="col-md-4 mb-4">
+                    <div class="col-md-4 mb-4 mt-5 mt-md-0">
                         {% include 'cart/shared/order_summary.html.twig' %}
                     </div>
@@ Expand Down @@