Attachment 33462 Details for Bug 13017 – Bug 13017 - Login page image replacement technique fails when browser width exceeds 2000 pixels

[patch] Bug 13017 - Login page image replacement technique fails when browser width exceeds 2000 pixels

Bug-13017---Login-page-image-replacement-technique.patch (text/plain), 1.62 KB, created by Owen Leonard on 2014-11-11 16:41:05 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Owen Leonard

Created: 2014-11-11 16:41:05 UTC

Size: 1.62 KB

patch

obsolete

>From 879d2e38cb7c412ada698f2230d1518ce084a736 Mon Sep 17 00:00:00 2001
>From: Owen Leonard <oleonard@myacpl.org>
>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
>Content-Type: text/plain; charset="utf-8"
>
>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.
>---
> 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 6712f92..61988a2 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 {
>-- 
>1.7.9.5

Actions: View | Diff | Splinter Review

Attachments on bug 13017: 31959 | 33462 | 34045 | 34156