From 7016a1b408f5a4deb4cadd0f399c47e8f2a48ca1 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Mon, 3 Nov 2014 12:29:48 -0500 Subject: [PATCH] Bug 13017 - Login page image replacement technique fails when browser width exceeds 2000 pixels This patch updates the image replacement technique used for Koha's login page. The old technique used a negative text-indent value to move the text offscreen, but that begins to fail more and more often as screens get larger. The new technqiue is described here: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ Note: This patch has not been tested in any Internet Explorer version! To test you must have a screen which is wider than 2000 pixels. Apply the patch, clear your browser cache and view the staff client login page. The logo on the login form should look correct with no corresponding text appearing anywhere on the screen. Signed-off-by: Christopher Brannon Signed-off-by: Kyle M Hall Signed-off-by: Mason James --- koha-tmpl/intranet-tmpl/prog/en/css/login.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/login.css b/koha-tmpl/intranet-tmpl/prog/en/css/login.css index 6712f92c6c..61988a2b3e 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/css/login.css +++ b/koha-tmpl/intranet-tmpl/prog/en/css/login.css @@ -84,10 +84,12 @@ label { } #login h1 a { + /* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */ display: block; - text-indent: -1000px; height: 74px; - border-bottom: none; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; } #login input { -- 2.39.5