[Noalyss-commit] [noalyss] 03/05: Adapt for mobile, hide elt when needed

[Dany De Bontridder]

sparkyx pushed a commit to branch master
in repository noalyss.

commit 25129bb3ef5ef17434e3d80594491e51ff992686
Author: Dany De Bontridder <address@hidden>
Date:   Tue Dec 1 18:32:21 2015 +0100

    Adapt for mobile, hide elt when needed
---
 html/style-classic.css |   71 +++++++++++++++++++++++++++++++++++++----------
 html/user_login.php    |    2 +-
 2 files changed, 57 insertions(+), 16 deletions(-)

diff --git a/html/style-classic.css b/html/style-classic.css
index 084a396..558bb7a 100644
--- a/html/style-classic.css
+++ b/html/style-classic.css
@@ -1477,6 +1477,21 @@ div#modele_op_div{
     min-width: 75%;
     box-shadow: 10px 10px 5px #888888;
 }
+div#preference_div {
+    background-color:#e4e7ed;
+    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
+    padding:0px;
+    margin:0px;
+    overflow:hidden;
+    z-index:3;
+    position:absolute;
+    border:1px solid #00008B;
+    top:32px;
+    top:2rem;
+    left:20%;
+    width:50%;
+}
 }
 @media only screen and (max-width: 955px) {
     div.name  {
@@ -1500,6 +1515,21 @@ div#modele_op_div{
     width: 85%;
      box-shadow: 10px 10px 5px #888888;
 }
+div#preference_div {
+    background-color:#e4e7ed;
+    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
+    padding:0px;
+    margin:0px;
+    overflow:hidden;
+    z-index:3;
+    position:absolute;
+    border:1px solid #00008B;
+    top:32px;
+    top:2rem;
+    left:1%;
+    width:98%;
+}
 }
 
 div#box_search_card {
@@ -1536,21 +1566,7 @@ div#bookmark_div {
    left:30%;
    width:40%;
 }
-div#preference_div {
-    background-color:#e4e7ed;
-    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
-    padding:0px;
-    margin:0px;
-    overflow:hidden;
-    z-index:3;
-    position:absolute;
-    border:1px solid #00008B;
-    top:32px;
-    top:2rem;
-    left:20%;
-    width:50%;
-}
+
 #error_div{
     position:absolute;
     border:1px solid #000000;
@@ -2116,4 +2132,29 @@ button.cancel {
 td.selectedmenu {
  background-color: beige;   
  font-weight: bolder;
+}
+/*
+ * Hide element for small screen 
+ */
+.visible_gt800 {
+    
+}
address@hidden only screen and (max-width:850px) {
+    .visible_gt800 {
+        display:none;
+    }
+    div#bookmark_div {
+    padding:2px;
+    margin:0px;
+    overflow:hidden;
+    z-index:3;
+    position:absolute;
+   border:1px solid #00008B;
+   top:32px;
+   top:2rem;
+   left:5%;
+   width:90%;
+}
+
+
 }
\ No newline at end of file
diff --git a/html/user_login.php b/html/user_login.php
index 31c3c5f..055faee 100644
--- a/html/user_login.php
+++ b/html/user_login.php
@@ -158,7 +158,7 @@ echo '<div id="module">'.$result.'</div>';
 echo '</div>';
 ?>
 <div class="foldercontent">
-       <span style="display:block;margin:2%">
+       <span style="margin:2%" class="visible_gt800">
  <?php
                         echo _('Cherche').HtmlInput::infobulle(23);
 ?>