add extra viewport breakpoint for project name width

cf1174c6 · Mike Greiling · 523002e4 · cf1174c6
Commit cf1174c6 authored Aug 31, 2016 by Mike Greiling
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 1 deletion

app/assets/stylesheets/framework/header.scss app/assets/stylesheets/framework/header.scss +5 -1

No files found.
--- a/app/assets/stylesheets/framework/header.scss
+++ b/app/assets/stylesheets/framework/header.scss
@@ -150,7 +150,11 @@ header {
      vertical-align: top;
      white-space: nowrap;

-      @media (max-width: $screen-sm-max) {
+      @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+        max-width: 300px;
+      }
+
+      @media (max-width: $screen-xs-max) {
        max-width: 190px;
      }