From e799f692802d8192dc258f0f5507b766771ed0e5 Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Thu, 3 Nov 2011 12:14:48 +0000
Subject: [PATCH] Fixing the overflow of long site names so that if they
 overflow, an ellipsis is shown.

close #527
---
 resources/static/dialog/css/m.css     |  5 +++++
 resources/static/dialog/css/popup.css | 11 ++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/resources/static/dialog/css/m.css b/resources/static/dialog/css/m.css
index 303557e63..416ad1d25 100644
--- a/resources/static/dialog/css/m.css
+++ b/resources/static/dialog/css/m.css
@@ -74,6 +74,11 @@
       vertical-align: middle;
   }
 
+  #favicon .vertical {
+      height: auto;
+      line-height: 20px;
+  }
+
   #formWrap {
       background-color: transparent;
   }
diff --git a/resources/static/dialog/css/popup.css b/resources/static/dialog/css/popup.css
index fb43054b9..079f03979 100644
--- a/resources/static/dialog/css/popup.css
+++ b/resources/static/dialog/css/popup.css
@@ -221,8 +221,9 @@ section > .contents {
 
 #favicon {
     position: absolute;
-    left: 450px;
+    left: 375px;
     top: 0;
+    right: 0;
     z-index: 10;
 }
 
@@ -235,6 +236,14 @@ section > .contents {
     margin: 0 auto 10px;
 }
 
+#favicon .vertical {
+    display: block;
+    line-height: 250px;
+    text-align: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 #signIn .vertical {
     padding: 15px 20px 20px 20px;
 }
-- 
GitLab