refact topbar

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

@@ -33,6 +33,30 @@ legend {
     color: black;
 }
 
+/* TopBar */
+
+#topbar {
+    background-color: lighten(@color1, 33%);
+    border-bottom: 1px solid @color1;
+}
+
+#title{
+    margin: 10px;
+    padding: 0;
+}
+
+#titlebar {
+    display: inline-block;
+}
+
+#loginbar{
+    margin-top: 3px;
+}
+
+#loginbar * {
+    color: darken(@color1, 25%);
+}
+
 .menu-hamburger {
     color: @color1;
     top: 7px;

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

@@ -234,10 +234,6 @@ h1 {
     text-align: center;
 }
 
-#titre {
-    display: inline-block;
-}
-
 .row {
     margin-right: 0;
 }

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

@@ -48,15 +48,15 @@
 
     @* Entete de page *@
     <header>
-        <nav class="navbar-fixed-top navbar-default no-margin">
-            <div id="topbar" class="navbar navbar-inner">
+        <nav id="topbar" class="navbar-fixed-top navbar-default no-margin">
+            <div class="navbar navbar-inner">
 
                 @* Logo menu déroulant *@
                 <div id="open-button" class="menu-hamburger fa fa-bars"></div>
 
                 @* Titre et année en cours *@
-                <div id="titre" class="nav navbar">
-                    <h1 id="app-title">Fiches Collèges
+                <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 *@
@@ -67,23 +67,23 @@
                 <ul class="nav navbar-nav navbar-right">
 
                     @* Barre de recherche rapide *@
-                    <li class="search">
+                    @*<li class="search">
                         <form action="@Url.Action("Index", "Recherche", new { })" class="search-form">
                             <label for="recherche" class="search-field">
                                 <input disabled type="text" class="form-control input-search" style="display:none;" name="recherche" id="recherche" placeholder="Rechercher..." data-auto="" value="@Request["recherche"]">
                             </label>
                             <span class="icon-search fa fa-search fa-2x"></span>
                         </form>
-                    </li>
+                    </li>*@
 
                     @* Panneau utilisateur *@
-                    <li class="dropdown">
+                    <li id="loginbar" class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                             <span class="glyphicon glyphicon-user"></span>
                             <strong>@utilisateurConnecte.libelle</strong>
-                            <span class="glyphicon glyphicon-chevron-down"></span>
+                            @*<span class="glyphicon glyphicon-chevron-down"></span>*@
                         </a>
-                        <ul class="dropdown-menu">
+                        @*<ul class="dropdown-menu">
                             <li>
                                 <div class="navbar-login">
                                     <div class="row">
@@ -102,7 +102,7 @@
                                     </div>
                                 </div>
                             </li>
-                        </ul>
+                        </ul>*@
                     </li>
                 </ul>