修正话题页面 Navbar Title 内容过长会超出的问题 ruby-china#810

Author: huacnlee

app/assets/stylesheets/front.scss

@@ -41,7 +41,6 @@
   }
 }
 
-
 @media (min-width: 767px) {
   .navbar {
     &.fixed-title {
@@ -52,12 +51,14 @@
     .navbar-topic-title {
       display: none;
       height: 50px;
+      overflow: hidden;
 
-      a {
+      a.topic-title {
         display: inline;
         text-decoration: none;
         overflow: hidden;
         line-height: 0;
+        max-width: 400px;
         color: #000;
         &:hover,
         &:active,
@@ -75,6 +76,16 @@
   }
 }
 
+@media (min-width: 992px) {
+  .navbar {
+    .navbar-topic-title {
+      a.topic-title {
+        max-width: 780px;
+      }
+    }
+  }
+}
+
 .move-page-buttons {
   position: fixed;
   bottom: 10px;

app/views/topics/_topic_info.html.erb

@@ -7,7 +7,7 @@
     <% content_for :header do %>
       <div class="navbar-nav">
         <div class="navbar-topic-title">
-          <a href="#" class="topic-title pull-left" data-type="top">
+          <a href="#" class="topic-title pull-left" title="<%= topic.title %>" data-type="top">
             <h1><%= topic.title %><%= topic_close_tag(topic) %></h1>
           </a>
           <span class="node"><%= topic.node_name %></span>