From 28a8d0b3756561d354f4a3c20ab76750f01a1934 Mon Sep 17 00:00:00 2001 From: webchick <webchick@24967.no-reply.drupal.org> Date: Thu, 6 Feb 2014 20:37:58 -0800 Subject: [PATCH] Issue #2181487 by sqndr: Update search icon to svg. --- core/misc/icons/424242/loupe.png | 4 ++++ core/misc/icons/424242/loupe.svg | 1 + core/misc/icons/505050/loupe.png | 5 +++++ core/misc/icons/505050/loupe.svg | 1 + core/themes/bartik/css/style.css | 15 +++++++++++++-- core/themes/bartik/images/search-button.png | 4 ---- 6 files changed, 24 insertions(+), 6 deletions(-) create mode 100644 core/misc/icons/424242/loupe.png create mode 100644 core/misc/icons/424242/loupe.svg create mode 100644 core/misc/icons/505050/loupe.png create mode 100644 core/misc/icons/505050/loupe.svg delete mode 100644 core/themes/bartik/images/search-button.png diff --git a/core/misc/icons/424242/loupe.png b/core/misc/icons/424242/loupe.png new file mode 100644 index 000000000000..c6ec12d98a8d --- /dev/null +++ b/core/misc/icons/424242/loupe.png @@ -0,0 +1,4 @@ +‰PNG + +��� IHDR���������óÿa��IDAT8ËR; +Â@]±Rôv^@í– äg™2•FÏáü^Áhë ÔØëD,ü߃U‚ìnˆ8ðÂÎ{óf&B¨p]·æûþØgàÁ¹)òEÏóŽÈ'ä ˆä1¾·ÀHŒdvVäµã8õ¯ç’º…aØ6u§í“†ü 8Z{“À޶m#‚ÜCÝ#Š¢ªNàÌ™m³º¹¥8pÎuW)eE÷ÈSm¹0‹À5Óš<•ÉÈ]¼ß…í?Hx*µíg¦mÕ™äxZwÅ;óTܶ"\i›I~‹ÀéÐúWòTÜvvaìœÁ÷H vþéaçŒÈ\üìLrÇeñx×E•|����IEND®B`‚ \ No newline at end of file diff --git a/core/misc/icons/424242/loupe.svg b/core/misc/icons/424242/loupe.svg new file mode 100644 index 000000000000..a38322ad8036 --- /dev/null +++ b/core/misc/icons/424242/loupe.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#424242" d="M14.648 12.788l-4.23-4.228c.525-.855.834-1.858.834-2.938 0-3.105-2.52-5.624-5.627-5.624-3.106.002-5.625 2.521-5.625 5.627 0 3.105 2.519 5.625 5.625 5.625 1.076 0 2.08-.309 2.936-.832l4.229 4.229c.194.195.515.195.707 0l1.151-1.146c.194-.2.194-.519 0-.713zm-13.35-7.163c0-2.39 1.938-4.327 4.327-4.327 2.391 0 4.328 1.937 4.328 4.327 0 2.391-1.936 4.327-4.328 4.327-2.39 0-4.327-1.936-4.327-4.327z"/></svg> diff --git a/core/misc/icons/505050/loupe.png b/core/misc/icons/505050/loupe.png new file mode 100644 index 000000000000..1b7edbf79ce1 --- /dev/null +++ b/core/misc/icons/505050/loupe.png @@ -0,0 +1,5 @@ +‰PNG + +��� IHDR���������óÿa��IDAT8ËR; +ÂP|b¥è ìrµ³°´ÌRù;Gà§ð +Þ@[o ÀÞÜA$…tFÖ òòBÄ…!Ý™Ý}JI„aXs]wæyÞ8` X*/‚ h£ðľïOð�°ÎÀ0“ÌÎB^;ŽSÿJ—Dè‚\K+ cÇrȯP·ÏJî8¶iEä{¨»Ù¶]Õ Ð°AŽG Ô<€¦N€nG9tP“À¯ŠN€§ÚÒ0ƒS`“•´äTQ†É]ä®ÀB:y*ºMø³Œ=2÷¿½ây*º-„„c³³_"¨_%OE·? “—™Š`º±*ìü%Ò/,ÂÎoüÏÕ/ÁÎ$cŲúG<¦1ÏÄy����IEND®B`‚ \ No newline at end of file diff --git a/core/misc/icons/505050/loupe.svg b/core/misc/icons/505050/loupe.svg new file mode 100644 index 000000000000..c91cca5ca847 --- /dev/null +++ b/core/misc/icons/505050/loupe.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#505050" d="M14.648 12.788l-4.23-4.228c.525-.855.834-1.858.834-2.938 0-3.105-2.52-5.624-5.627-5.624-3.106.002-5.625 2.521-5.625 5.627 0 3.105 2.519 5.625 5.625 5.625 1.076 0 2.08-.309 2.936-.832l4.229 4.229c.194.195.515.195.707 0l1.151-1.146c.194-.2.194-.519 0-.713zm-13.35-7.163c0-2.39 1.938-4.327 4.327-4.327 2.391 0 4.328 1.937 4.328 4.327 0 2.391-1.936 4.327-4.328 4.327-2.39 0-4.327-1.936-4.327-4.327z"/></svg> diff --git a/core/themes/bartik/css/style.css b/core/themes/bartik/css/style.css index 273113d14507..85c834a66532 100644 --- a/core/themes/bartik/css/style.css +++ b/core/themes/bartik/css/style.css @@ -1582,14 +1582,25 @@ div.password-suggestions { cursor: pointer; text-indent: -9999px; border-color: #e4e4e4 #d2d2d2 #b4b4b4; - background: url(../images/search-button.png) no-repeat center top; + background: #f0f0f0 url("../../../misc/icons/505050/loupe.svg") no-repeat center; overflow: hidden; } #search-block-form input.form-submit:hover, #search-block-form input.form-submit:focus, #search-form input.form-submit:hover, #search-form input.form-submit:focus { - background-position: center bottom; + background: #dedede url("../../../misc/icons/424242/loupe.svg") no-repeat center; +} +.no-svg #search-block-form input.form-submit, +.no-svg #search-form input.form-submit { + background: #f0f0f0 url("../../../misc/icons/505050/loupe.png") no-repeat center; +} +.no-svg #search-block-form input.form-submit:hover, +.no-svg #search-block-form input.form-submit:focus, +.no-svg #search-form input.form-submit:hover, +.no-svg #search-form input.form-submit:focus { + background: #dedede url("../../../misc/icons/424242/loupe.png") no-repeat center; + } #search-form .form-item-keys label { display: block; diff --git a/core/themes/bartik/images/search-button.png b/core/themes/bartik/images/search-button.png deleted file mode 100644 index c6e820ad9f6a..000000000000 --- a/core/themes/bartik/images/search-button.png +++ /dev/null @@ -1,4 +0,0 @@ -‰PNG - -��� IHDR���"���0����Q2÷Ž��œIDAT8O}ÏKAÇçoK´*“ÆÆˆ©)„ -ÒZ-ô$%^ÚÒBŃ`õPÚ[…= "Øt—]v6,’fÎ¥×Λ7›ÕÐïÛý¾™ïû¼…%W¨ÁU¦AÞ‰è* òÂHžðºJ¸dÇ&‚ŒÓ’K‚¯$ŒžDKX¢ˆ1@DÃÚ{kkûm1Á-ÆEbpÃ-ÍU*sKG,'sÉs{±¾w~¾W_ló(ÆÅ‘Ú™Ýg77áþìN¬JAÂÕ²és™åÕ0‡D ,X)Qßó|ZZ ¢,Žˆì€|,pÄ;(}"E$ÃÞ(ŒNfŸ¶z½V£ôÃÇá»þú°:?_-?x=€HR ‚€§vü¾Ñx÷ýyíÍ5ÜC1oòÌïÿ X÷ÅBóF¬Â�þŸ*íÝõ'¿³ˆ`Ž˜ŸRÝŸñFü;ònÝSÄ=ˆ§ÈuÎ_çDú}¯/”8;¼>QÃÎ<¼õ‰û]òr]ÒE¹ÝLnÞ⪀È]$„ÜáÕu¸dÇ&‚ŒÓ’K‚¯8”îXu¨£ˆR@DC[ÍååÍ–˜àå"68µá±wg&ÇÆ&gviNÄæ’çÖt¥yxجL·xdãbŠHmŒoÒ^ÏÜß°U)ˆ¹P<ѹNŠf±@6˜Q+œêš¦Ÿj†•Å‘WÅ-Žh[…uÃRDLÓ´àµLëËxmûâb»ZØÑ1…9DÀ.ßÞ›˜šš(.ìX’âˆaÜ8eÐÏkÕêËO&W/ánŠAx“dzç—AÏßÖ«0�„ÿ§JûY½rœEsÄô”:ûæãŒèw¤Ýº§ˆ6z,M‘>êœ!º:ωt:Z^(qvhTál4Y‰#����IEND®B`‚ \ No newline at end of file -- GitLab