Ellipsize long conversation window titles

Fixes #304
10 years ago · a95b6165f4
parent 476eb54db1
commit a95b6165f4
3 changed files with 10 additions and 2 deletions
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@ -4,7 +4,11 @@
  }

  .conversation-title {
+    display: block;
    line-height: $header-height;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
  }

  #header {
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@ -431,7 +431,11 @@ input.search {
 .conversation .file-input .close {
  top: -10px; }
 .conversation .conversation-title {
-  line-height: 36px; }
+  display: block;
+  line-height: 36px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
 .conversation #header {
  position: inherit; }
 .conversation .discussion-container {
--- a/stylesheets/manifest.css.map
+++ b/stylesheets/manifest.css.map