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

2013-05-17 12:39:07 -04:00
parent ef3204da69
commit e69b5c4792
1 changed files with 11 additions and 5 deletions
--- 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);