[Tickets #12496] Re: "Settings" over icon with Horde_Core-2.6.3

[noreply at bugs.horde.org]

DO NOT REPLY TO THIS MESSAGE. THIS EMAIL ADDRESS IS NOT MONITORED.

Ticket URL: http://bugs.horde.org/ticket/12496
------------------------------------------------------------------------------
  Ticket             | 12496
  Updated By         | kareem.dana at gmail.com
  Summary            | "Settings" over icon with Horde_Core-2.6.3
  Queue              | Horde Framework Packages
  Version            | Git master
  Type               | Bug
  State              | Not A Bug
  Priority           | 1. Low
  Milestone          |
  Patch              |
  Owners             | Jan Schneider
------------------------------------------------------------------------------


kareem.dana at gmail.com (2013-07-29 01:54) wrote:

>>> No, that is incorrect.  *This* is stale CSS - I saw the same thing
>>> and cleared my CSS cache and it was fixed.
>
> I see the same problem in a fresh install of Horde 5.1.2. I had no  
> stale CSS to clear. Could you link to the CSS change in github that  
> fixed this?
>

I found a change to horde/themes/default/screen.css at the bottom of  
the github.com link from  Michael Rubinsky below in this bug report. I  
assume that may be the css change necessary. I did not have that css  
in my screen.css (This is a default horde 5.1.2 install from pear). I  
put it in (cleared any cached css) and it did not work. However,  
copying the text-indent: -10000px; line from the selector  
".horde-icon-settings a" to just ".horde-icon-settings" did fix the  
issue.  The "Settings" alternative text is no longer visible.

To be clear, here is what that part of my  
horde/themes/default/screen.css looks like now:

.horde-icon-settings {
     background-image: url("graphics/settings.png");
     background-repeat: no-repeat;
     text-indent: -10000px;
}

.horde-icon-settings:hover {
     background-image: url("graphics/settings-active.png");
}

.horde-icon-settings a {
     width: 22px;
     height: 27px;
     text-indent: -10000px;
}