From 000a568b4a7be9aa207e80480a667bd52c17891e Mon Sep 17 00:00:00 2001
From: raghunayyar <me@iraghu.com>
Date: Wed, 10 Apr 2013 19:14:50 +0530
Subject: [PATCH 1/2] Long Application Names are ellipsis correctly.

---
 core/css/styles.css            | 6 +++---
 core/templates/layout.user.php | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/core/css/styles.css b/core/css/styles.css
index 839f25cef4..7e81e702a9 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -248,8 +248,8 @@ fieldset.warning a { color:#b94a48 !important; font-weight:bold; }
 	overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box;
 }
 #navigation:hover { overflow-y:auto; }
-#navigation a {
-	display:block; padding:8px 0 4px;
+#navigation a span {
+	display:block;
 	text-decoration:none; font-size:10px; text-align:center;
 	color:#fff; text-shadow:#000 0 -1px 0;
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5;
@@ -257,7 +257,7 @@ fieldset.warning a { color:#b94a48 !important; font-weight:bold; }
 }
 	#navigation a:hover, #navigation a:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; }
 	#navigation a.active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
-	#navigation .icon { display:block; width:32px; height:32px; margin:0 16px 0; }
+	#navigation .icon { display:block; width:32px; height:32px; margin:0 16px 0; padding:8px 0 4px;}
 	#navigation li:first-child a { padding-top:16px; }
 
 
diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php
index 9af56b72c3..cfe0a55194 100644
--- a/core/templates/layout.user.php
+++ b/core/templates/layout.user.php
@@ -75,7 +75,9 @@
 						<a href="<?php print_unescaped($entry['href']); ?>" title=""
 							<?php if( $entry['active'] ): ?> class="active"<?php endif; ?>>
 							<img class="icon svg" src="<?php print_unescaped($entry['icon']); ?>"/>
-							<?php p($entry['name']); ?>
+							<span>
+								<?php p($entry['name']); ?>
+							</span>
 						</a>
 					</li>
 				<?php endforeach; ?>

From da882b1320477c981b0a0160275c0ad228f28526 Mon Sep 17 00:00:00 2001
From: raghunayyar <me@iraghu.com>
Date: Wed, 10 Apr 2013 19:30:28 +0530
Subject: [PATCH 2/2] The Opacity for the navigation loads fine for icon and
 App name.

---
 core/css/styles.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/core/css/styles.css b/core/css/styles.css
index 7e81e702a9..d9f242da67 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -256,8 +256,11 @@ fieldset.warning a { color:#b94a48 !important; font-weight:bold; }
 	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* ellipsize long app names */
 }
 	#navigation a:hover, #navigation a:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; }
-	#navigation a.active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
-	#navigation .icon { display:block; width:32px; height:32px; margin:0 16px 0; padding:8px 0 4px;}
+	#navigation a.active .icon, #navigation a.active span { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
+	#navigation .icon {
+		display:block; width:32px; height:32px; margin:0 16px 0; padding:8px 0 4px; 	
+		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5;
+	}
 	#navigation li:first-child a { padding-top:16px; }