From 30c6606fba670f4b14c30843f3a75f6bc7b236f7 Mon Sep 17 00:00:00 2001 From: Jaisen Mathai Date: Mon, 31 Mar 2014 10:37:47 -0700 Subject: [PATCH] Adding 2x logo for retina displays. Closes #1458 Conflicts: src/html/assets/themes/fabrizio1.0/config/settings.ini src/html/assets/themes/fabrizio1.0/stylesheets/less/variables.less --- src/html/assets/themes/fabrizio1.0/config/settings.ini | 2 +- .../fabrizio1.0/stylesheets/less/components/header.less | 4 ++++ .../assets/themes/fabrizio1.0/stylesheets/less/variables.less | 2 ++ 3 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/html/assets/themes/fabrizio1.0/config/settings.ini b/src/html/assets/themes/fabrizio1.0/config/settings.ini index 445735165..fdf1235fd 100644 --- a/src/html/assets/themes/fabrizio1.0/config/settings.ini +++ b/src/html/assets/themes/fabrizio1.0/config/settings.ini @@ -1,5 +1,5 @@ [site] -mediaVersion="f1" +mediaVersion="f8" [behavior] useDefaultMobile="0" diff --git a/src/html/assets/themes/fabrizio1.0/stylesheets/less/components/header.less b/src/html/assets/themes/fabrizio1.0/stylesheets/less/components/header.less index 65b799e25..5b5ed2033 100644 --- a/src/html/assets/themes/fabrizio1.0/stylesheets/less/components/header.less +++ b/src/html/assets/themes/fabrizio1.0/stylesheets/less/components/header.less @@ -58,6 +58,10 @@ body.trovebox { height: 32px; width: 119px; text-indent: -9999em; + @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + background:url("@{logo2x}") 50% 50% no-repeat; + background-size: 119px 32px; + } } } diff --git a/src/html/assets/themes/fabrizio1.0/stylesheets/less/variables.less b/src/html/assets/themes/fabrizio1.0/stylesheets/less/variables.less index 7c455f102..34ad48090 100644 --- a/src/html/assets/themes/fabrizio1.0/stylesheets/less/variables.less +++ b/src/html/assets/themes/fabrizio1.0/stylesheets/less/variables.less @@ -3,6 +3,8 @@ @color_theme_tertiary: #a9a87c; @color_brand: #FFCC05; +@logo2x: "../images/logo@2x.png"; + // @color_banner_primary: @color_theme; @color_banner_primary: #3b2414; @color_banner_secondary: #d3d4d6;