search

seblucas / cops

Calibre OPDS (and HTML) PHP Server : web-based light alternative to Calibre content server / Calibre2OPDS to serve ebooks (epub, mobi, pdf, ...)
http://blog.slucas.fr/en/oss/calibre-opds-php-server
GNU General Public License v2.0
1.43k stars 229 forks source link

Changing cog icon to a magnifying glass #310

Closed horus68 closed 7 years ago

horus68 commented 7 years ago

Changing cog icon (in the header) to a magnifying glass / search newcogicon

Why? Magnifying glass its usually considered the search button when the Cog is considered a "configuration tool". With actual COPS theme people always ask me "where is the search button"? For me this is now solved on my installs!

horus68 commented 7 years ago

Note: To the ones that prefer to play with the search icon size (and make it smaller) you can also to this:

in the file templates/default/header.html find line 6 and change <div title="{{=it.c.i18n.cogAlt}}" class="hicon hicon64 headright"><i class="icon-search" id="searchImage"></i></div> to <div title="{{=it.c.i18n.cogAlt}}" class="hicon hicon32 headright"><i class="icon-search icon-2x" id="searchImage"></i></div>

and then, in the file templates/default/styles/style-base.css add this code (around line 163 its ok for it)

.hicon48{
    font-size: 48px;
    line-height: 48px;
    width: 48px;
    height: 48px;
}

the result will be something like this (just ignore the home icon!) smallicons

seblucas commented 7 years ago

After a lot of thought ..... merged !