From 1afd6e435a99d3451a49b4d712d42d035f1c1da2 Mon Sep 17 00:00:00 2001
From: Kayn Ty <tykayn@gmail.com>
Date: Mon, 4 Jun 2018 13:11:40 +0200
Subject: [PATCH] more responsive

---
 .../views/Security/login.html.twig            | 19 +++++++++++++------
 .../FOSUserBundle/views/layout.html.twig      |  4 +---
 .../views/Connect/login.html.twig             | 10 +++++-----
 assets/css/pages/_dashboard.scss              | 12 ------------
 assets/css/pages/global.scss                  |  5 ++---
 assets/css/pages/responsive.scss              | 18 ++++++++++++++++++
 6 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/app/Resources/FOSUserBundle/views/Security/login.html.twig b/app/Resources/FOSUserBundle/views/Security/login.html.twig
index 105cbe00..a55b2b29 100755
--- a/app/Resources/FOSUserBundle/views/Security/login.html.twig
+++ b/app/Resources/FOSUserBundle/views/Security/login.html.twig
@@ -2,7 +2,9 @@
 {% trans_default_domain 'FOSUserBundle' %}
 {% block fos_user_content %}
     <div class="row">
-        <div class="col-xs-6">
+        <div class="col-xs-12 col-sm-6">
+            <div class="padded">
+
             <h1>
                 <i class="fa fa-key"></i>
                 Se connecter
@@ -35,24 +37,29 @@
 
                 </div>
 
-                <input type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}"/>
-            </form>
+                <input class="btn btn-success btn-block" type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}"/>
+            </form>category-listing
 
+            </div>
         </div>
-        <div class="col-xs-6">
-            <p>
+        <div class="col-xs-12 col-sm-6">
+            <div class="visible-xs">
+                <hr>
+            </div>
+            <div class="padded">
 
+            <p>
                 <a class="btn btn-info" href="{{ path('fos_user_resetting_request') }}">
                     Mot de passe oublié?
                 </a>
             </p>
             <p>
-
                 <a class="btn btn-info" href="{{ path('fos_user_registration_register') }}">
                     Créer un compte
                 </a>
             </p>
         </div>
+        </div>
     </div>
 
 
diff --git a/app/Resources/FOSUserBundle/views/layout.html.twig b/app/Resources/FOSUserBundle/views/layout.html.twig
index da35f234..40c44d0e 100755
--- a/app/Resources/FOSUserBundle/views/layout.html.twig
+++ b/app/Resources/FOSUserBundle/views/layout.html.twig
@@ -4,13 +4,11 @@
 
     {% block bigMain %}
         {% include 'default/header.html.twig' %}
-        <section class="bg-girl padded">
+        <section class="bg-girl padded login-fosub">
             <div class="container">
                 <div class="row justify-content-md-center align-items-center">
                     <div class="col-md-auto">
                         <fieldset class="bg-shader pull-left form-group padded">
-
-
                             {% block fos_user_content %}{% endblock %}
                         </fieldset>
 
diff --git a/app/Resources/HWIOAuthBundle/views/Connect/login.html.twig b/app/Resources/HWIOAuthBundle/views/Connect/login.html.twig
index 86c94078..aea1b572 100755
--- a/app/Resources/HWIOAuthBundle/views/Connect/login.html.twig
+++ b/app/Resources/HWIOAuthBundle/views/Connect/login.html.twig
@@ -2,15 +2,15 @@
 {% extends '@HWIOAuth/layout.html.twig' %}
     {% block bigMain %}
         {% include 'default/header.html.twig' %}
-        <section class="bg-girl padded">
+        <section class="bg-girl padded  login-hwioauth">
             <div class="container">
                 <div class="row justify-content-md-center align-items-center">
                     <div class="col-md-auto">
                         <fieldset class="bg-shader pull-left form-group padded">
                             <div class="row">
-                                <div class="col-xs-6">
+                                <div class="col-xs-12 col-sm-6">
                                     <div class="row">
-                                        <div class="col-xs-6">
+                                        <div class="col-xs-12 col-sm-6">
                                             <h1>
                                                 <i class="fa fa-key"></i>
                                                 Se connecter
@@ -53,7 +53,7 @@
                                                         value="{{ 'security.login.submit'|trans }}"/>
                                             </form>
                                         </div>
-                                        <div class="col-xs-6">
+                                        <div class="col-xs-12 col-sm-6">
                                             {#<p>#}
 
                                             {#<a class="btn btn-info" href="{{ path('fos_user_resetting_request') }}">#}
@@ -70,7 +70,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div class="col-xs-6">
+                                <div class="col-xs-12 col-sm-6">
                                     {#{% block hwi_oauth_content %}#}
                                     {#<h1>oauth login</h1>#}
                                     {#{% if error is defined and error %}#}
diff --git a/assets/css/pages/_dashboard.scss b/assets/css/pages/_dashboard.scss
index 25ad1c2a..8823387f 100755
--- a/assets/css/pages/_dashboard.scss
+++ b/assets/css/pages/_dashboard.scss
@@ -48,15 +48,3 @@
 .validate_selling {
   margin: 0.25rem;
 }
-
-@media all and(max-width: 1200px) {
-  #caisse-now {
-
-    .product-box {
-      width: 50%;
-    }
-    .product-button {
-      min-width: calc(100% - 56px)
-    }
-  }
-}
diff --git a/assets/css/pages/global.scss b/assets/css/pages/global.scss
index 29bb8086..f03bb8dd 100755
--- a/assets/css/pages/global.scss
+++ b/assets/css/pages/global.scss
@@ -21,8 +21,7 @@ body {
 }
 
 .bg-dark {
-
-  background: rgba(0, 0, 0, 0.25);
+  background: rgba(0, 0, 0, 0.5);
 }
 
 .bg-shader {
@@ -34,7 +33,7 @@ body {
   background-attachment: fixed;
   background-size: cover;
   overflow: hidden;
-
+  background-position: center;
   min-height: 100vh;
 }
 
diff --git a/assets/css/pages/responsive.scss b/assets/css/pages/responsive.scss
index e69de29b..f92e6955 100755
--- a/assets/css/pages/responsive.scss
+++ b/assets/css/pages/responsive.scss
@@ -0,0 +1,18 @@
+
+@media all and(max-width: 1200px) {
+  #caisse-now {
+    .product-box {
+      width: 100%;
+    }
+    .product-button {
+      min-width: calc(100% - 56px)
+    }
+  }
+}
+
+@media all and(max-width: 600px) {
+  .category-listing{
+    width: calc(100% - 2rem);
+  }
+}
+