From e69b5c4792a3b30cfbff0d369f7f671dff43f878 Mon Sep 17 00:00:00 2001 From: Frances Botsford Date: Fri, 17 May 2013 12:39:07 -0400 Subject: [PATCH] adjusted width of header nav to prevent wrapping in PC FF, also put max-width on Org name and Course number in header to prevent the nav from getting bumped way over --- cms/static/sass/elements/_header.scss | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/cms/static/sass/elements/_header.scss b/cms/static/sass/elements/_header.scss index 466b6f639b..50167ff042 100644 --- a/cms/static/sass/elements/_header.scss +++ b/cms/static/sass/elements/_header.scss @@ -106,13 +106,19 @@ width: 1px; } - .course-org { - margin-right: ($baseline/4); - } - .course-number, .course-org { @include font-size(12); display: inline-block; + max-width: 70px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 1.3; + } + + .course-org { + margin-right: ($baseline/4); + max-width: 140px; } .course-title { @@ -132,7 +138,7 @@ // specific elements - course nav .nav-course { - width: 285px; + width: 290px; margin-top: -($baseline/4); @include font-size(14);