Logout link + dropdown without JS looks a little nicer in account header

ckan · Nov 20, 2012 · ebf70af · ebf70af
1 parent 1ed9729
commit ebf70af
Showing 1 changed file with 20 additions and 8 deletions.
diff --git a/ckan/public/base/less/masthead.less b/ckan/public/base/less/masthead.less
@@ -125,26 +125,27 @@ header.masthead {
 			text-shadow: 0 1px 1px darken(@mastheadBackgroundColorStart, 10);
 			.border-radius(4px);
 			.box-shadow(inset 0 1px 0 lighten(@mastheadBackgroundColorStart, 5));
-			&.logout {
-				margin: 2px 0 2px 5px;
-				padding: 4px 6px 2px 6px;
-			}
 		}
 		.image {
 			margin: 2px 0;
-			padding: 0 4px 0 0;
+			padding: 0;
 			overflow: hidden;
 			font-size: 10px;
 			.border-radius(4px);
 			i {
+				display: none;
 				vertical-align: -1px;
 			}
 			img {
 				opacity: 0.7;
 				border-right: 1px solid @mastheadBackgroundColorEnd;
-				.border-radius(4px 0 0 4px);
+				.border-radius(4px);
 			}
 		}
+		.logout {
+			margin: 2px 0 2px 5px;
+			padding: 4px 6px 2px 6px;
+		}
 		.notifications {
 			padding: 4px 8px 3px 8px;
 			margin: 2px 5px 2px 0;
@@ -209,7 +210,18 @@ header.masthead {
 }
 
 .js {
-	header.masthead .account .button.logout {
-		display: none;
+	header.masthead .account {
+		.image {
+			padding-right: 4px;
+			i {
+				display: inline;
+			}
+			img {
+				.border-radius(4px 0 0 4px);
+			}
+		}
+		.logout {
+			display: none;
+		}
 	}
 }