templates: update logout link to match wcs

portail_citoyen/static/portail_citoyen/css/style.css

@@ -989,3 +989,64 @@ div#registration ul.errorlist {
 div#registration input[type="submit"] {
 	margin-left: 17em;
 }
+
+
+
+#toplinks {
+	background: #ffffff;
+	position: absolute;
+	top: 3em;
+	right: 0;
+	width: 40%;
+	padding: 5px 5px 5px 5px;
+}
+
+#toplinks span {
+	width: 100%;
+	display: block;
+	margin: 0;
+	padding: 0;
+	color: #888;
+	background: url(button_connexion.gif) left center no-repeat;
+	border: 1px solid #e9e9e9;
+	line-height: 20px;
+	height: 22px;
+}
+
+#toplinks span.logged-in {
+	background: none;
+	border: none;
+	text-align: right;
+}
+
+#toplinks a {
+	color: #888;
+	border: 1px solid transparent;
+}
+
+#toplinks a:hover {
+	text-decoration: none;
+	color: #222;
+}
+
+#toplinks a.restricted {
+	color: white;
+	float: right;
+	padding: 0.5ex 1ex;
+	border: 1px outset #888;
+	background: #672290;
+	position: absolute;
+	top: -3em;
+	right: 3px;
+}
+
+
+#toplinks a.logout {
+	background: url(button_connexion.gif) left center no-repeat;
+	display: inline-block;
+	padding: 1px;
+	padding-left: 30px;
+	border: 1px solid #e9e9e9;
+	padding-right: 1em;
+	margin-right: -2px;
+}

portail_citoyen/templates/base.html

@@ -19,8 +19,8 @@
           <div class="region-header">
             {% if user.is_authenticated %}
               <div id="toplinks">
-                <span>
-                  <a class="logout" href="{% url 'auth_logout' %}">{% trans "Logout" %}</a>
+                <span class="logged-in">
+                  <a class="logout" href="{% url 'auth_logout' %}">Déconnexion</a>
                   {% user_in_group "Agglo::Téléservices::Admin" as is_eservice_admin %}
                   {% user_in_group_prefix "Agglo::Téléservices::BackOffice::" as is_eservice_backoffice_user %}
                   {% if is_eservice_admin %}
@@ -30,7 +30,6 @@
                   {% endif %}
                 </span>
               </div>
-              <div id="username">{{ user.first_name }} {{ user.last_name }}</div>
             {% endif %}
           </div>
         </div>