From d91e1d9a9ee98cc364bc62a4dd156500a189b99a Mon Sep 17 00:00:00 2001 From: Kelly Rauchenberger Date: Fri, 5 Jan 2018 08:37:12 -0500 Subject: Improved clarity of icons --- app/assets/stylesheets/pokeviewer/pokemon.css.scss | 27 ++++++++++++++++++++++ app/helpers/pokeviewer/pokemon_helper.rb | 2 +- 2 files changed, 28 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss index c935f4f..1b1ce5d 100644 --- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss +++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss @@ -93,6 +93,10 @@ .party-icon { display: inline-block; vertical-align: middle; + + img { + image-rendering: pixelated; + } } .party-name { @@ -134,6 +138,10 @@ width: 32px; height: 32px; } + + img { + image-rendering: pixelated; + } } } } @@ -164,6 +172,10 @@ li { display: block; + + img { + image-rendering: pixelated; + } } } @@ -214,6 +226,7 @@ .pokemon-ball { margin: -8px; + image-rendering: pixelated; } .pokemon-name { @@ -252,10 +265,15 @@ padding: 4px; position: relative; + img { + image-rendering: pixelated; + } + .pkv-shiny-star { position: absolute; top: 0; right: -1.5em; + image-rendering: pixelated; } } } @@ -282,10 +300,15 @@ img { vertical-align: bottom; margin: -4px -4px -4px -8px; + image-rendering: pixelated; } } } + .pkv-type { + image-rendering: pixelated; + } + table { border-spacing: 0; width: 100%; @@ -464,6 +487,10 @@ li { display: block; + + img { + image-rendering: pixelated; + } } } } diff --git a/app/helpers/pokeviewer/pokemon_helper.rb b/app/helpers/pokeviewer/pokemon_helper.rb index 3c9cfe6..4c2f9de 100644 --- a/app/helpers/pokeviewer/pokemon_helper.rb +++ b/app/helpers/pokeviewer/pokemon_helper.rb @@ -120,7 +120,7 @@ module Pokeviewer end def image_for_type(type) - image_tag "pokeviewer/types/#{type}.gif" + image_tag "pokeviewer/types/#{type}.gif", class: "pkv-type" end def move_details(revision, index) -- cgit 1.4.1