Home: responsive

CD67.FicheCollege.MVC/Content/cd67-custom.less

@@ -54,6 +54,21 @@ legend {
     display: inline-block;
 }
 
+#titlebar * {
+    display: inline;
+    font-size: 30px;
+    font-weight: 500;
+    color: rgb(51, 122, 183);
+}
+
+#titlebar select {
+    width: 170px;
+}
+
+#titlebar sup {
+    font-size: 20px;
+}
+
 #loginbar{
     margin-top: 3px;
 }
@@ -75,6 +90,18 @@ legend {
     color: darken(@color1, 25%);
 }
 
+/* Version réduite */
+@media(max-width:768px){
+    #title {
+        display : none;
+    }
+
+    #loginbar {
+        display : none;
+    }
+}
+
+
 /* Fond de la sidebar */
 .color2 {
     color: #5a5555;
@@ -154,18 +181,15 @@ header nav{
 }
 
 .home-content .row {
-    margin: 2em auto;
-    height: 100%;
-}
-
-.home-content .row img {
-    /*width: 90%;
-    margin-left: 5%;*/
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
 }
-
 .home-content .card {
     height: 100%;
     width: 22em;
+    min-width: 22em;
     border-radius: 1em;
     background-color: lighten(@color1, 30%);
     margin: 2em 2em;
@@ -181,22 +205,6 @@ header nav{
     text-align: center;
 }
 
-.home-content .card ul {
-    margin-top: 0.5em;
-}
-
-.home-content .card li {
-    margin-top: 1em;
-}
-
-.home-content .card li a {
-    text-decoration: underline;
-}
-
-.home-content .card .input-search {
-    /*width: 100%;*/
-}
-
 .breadcrumb-arrow {
     float: left;
     padding: 0.7em 0.5em 0.7em 0.5em;
@@ -249,4 +257,4 @@ header nav{
 #goback {
     color:#337ab7;
     font-size: 18px;
-}
+}

CD67.FicheCollege.MVC/Views/Annees/Details.cshtml

@@ -18,7 +18,7 @@
             <p class="annotation">
                 @Model.Obj.Colleges.Count() collèges enregistrés
             </p>
-            <input type="text" class="form-control input-search" name="recherche" id="recherche" placeholder="Rechercher un collège..." data-auto="" value="@Request["recherche_college"]">
+            <input type="text" class="form-control input-search" name="recherche" id="recherche" placeholder="Rechercher un collège..." data-auto="">
         </div>
 
         <div class="col-md-3 card">
@@ -29,7 +29,7 @@
             <p class="annotation">
                 @Model.Obj.ActionsEdu.Count() actions éducatives enregistrées
             </p>
-            <input type="text" class="form-control input-search" name="recherche" id="recherche" placeholder="Rechercher une action..." data-auto="" value="@Request["recherche_action"]">
+            <input type="text" class="form-control input-search" name="recherche" id="recherche" placeholder="Rechercher une action..." data-auto="">
         </div>
 
         <div class="col-md-3 card">
@@ -40,7 +40,7 @@
             <p class="annotation">
                 @Model.Obj.Colleges.Where(c => c.RestaurationType_Id != null).Count() restaurations enregistrées
             </p>
-            <input type="text" class="form-control input-search" name="recherche" id="recherche" placeholder="Rechercher un collège..." data-auto="" value="@Request["recherche_action"]">
+            <input type="text" class="form-control input-search" name="recherche" id="recherche" placeholder="Rechercher un collège..." data-auto="">
         </div>
     </div>
 </div>

CD67.FicheCollege.MVC/Views/Shared/_Layout.cshtml

@@ -56,12 +56,11 @@
 
                 @* Titre et année en cours *@
                 <div id="titlebar" class="nav navbar">
-                    <h1 id="title">Fiches Collèges
-                        <a id="select-annee" href="/Annees">@Model.Annee_Lib <sup class="fa fa-edit sup"></sup></a>
-                        <select name="yearpicker" id="yearpicker" data-default="@Model.Annee_Lib" style="display:none;">
-                            @* Rempli en Ajax *@
-                        </select>
-                    </h1>
+                    <h1 id="title">Fiches Collèges</h1>
+                    <a id="select-annee" href="/Annees">@Model.Annee_Lib <sup class="fa fa-edit sup"></sup></a>
+                    <select name="yearpicker" id="yearpicker" data-default="@Model.Annee_Lib" style="display:none;">
+                        @* Rempli en Ajax *@
+                    </select>
                 </div>
                 
                 <ul class="nav navbar-nav navbar-right">