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