[#970] Cap too long menu entries with an ellipsis

01c386b3 · Holger Just · a6071c75 · 01c386b3
Commit 01c386b3 authored Apr 11, 2012 by Holger Just
Hide whitespace changes
Inline Side-by-side

Showing with 6 additions and 0 deletions

application.css public/stylesheets/application.css +6 -0

No files found.
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -42,6 +42,12 @@ h5, .wiki h4 {font-size: 11px;padding: 2px 10px 1px 0px;margin-bottom: 5px; bord
  background: none;
  margin: 0;
  padding: 0 0 0 24px;
+
+  /* Cap long menu entries with an ellipsis. TODO: http://www.bramstein.com/projects/text-overflow/ */
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 #main-menu li a:hover {color:#555; text-decoration: none;}