Koha-community/Koha
13
7
Fork 0
Code Issues Releases Wiki Activity

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

Browse source 
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 <cbrannon@debian.localdomain>

Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@gmail.com>
This commit is contained in:
Owen Leonard 2014-11-03 12:29:48 -05:00 committed by Tomas Cohen Arazi
parent 951f3346a2
commit 87a0b79a65
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
koha-tmpl/intranet-tmpl/prog/en/css/login.css
View file

@ -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 {